程序设计 vuejs2

13

在VueJs 2.0文档中，我找不到任何可以监听props更改的钩子。 VueJ是否具有类似onPropsUpdated()或类似的钩子？更新资料正如@wostex所建议的，我尝试进入watch我的财产，但没有任何变化。然后我意识到我有一个特殊情况： <template> <child :my-prop="myProp"></child> </template> <script> export default { props: ['myProp'] } </script> 我myProp将父组件接收到的child组件传递给了我。然后，watch: {myProp: ...}它不起作用。

256 javascript vue.js vuejs2 vue-component

7

Vue v-on：click在组件上不起作用

我正在尝试在组件内部使用on click指令，但它似乎不起作用。当我单击该组件时，应该在控制台中单击“测试”，什么也没有发生。我在控制台中看不到任何错误，所以我不知道我在做什么错。 index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>vuetest</title> </head> <body> <div id="app"></div>  </body> </html> 应用程序 <template> <div id="app"> <test v-on:click="testFunction"></test> </div> </template> <script> import Test from './components/Test' export default { name: 'app', methods: { testFunction: function (event) { console.log('test clicked') …

208 javascript vue-component vuejs2 vue.js

10

我可以在Vue.Js的计算属性中传递参数吗

这有可能在Vue.Js中的计算属性中传递参数。我可以看到在使用getters / setter进行计算时，他们可以采用参数并将其分配给变量。就像这里的文档： // ... computed: { fullName: { // getter get: function () { return this.firstName + ' ' + this.lastName }, // setter set: function (newValue) { var names = newValue.split(' ') this.firstName = names[0] this.lastName = names[names.length - 1] } } } // ... 这也是可能的： // ... …

198 javascript vue.js vuejs2

7

Vue中的方法与计算

Vue.js中的方法和计算值之间的主要区别是什么？它们看起来相同且可互换。

178 javascript methods vue.js vuejs2 computed-properties

24

Vue 2-变异道具vue-warn

我开始https://laracasts.com/series/learning-vue-step-by-step系列。我停在课程Vue，Laravel和AJAX时遇到此错误： vue.js：2574 [Vue警告]：避免直接更改道具，因为每当父组件重新渲染时，该值就会被覆盖。而是使用基于属性值的数据或计算属性。变异的道具：“列表”（位于component中）我在main.js中有此代码 Vue.component('task', { template: '#task-template', props: ['list'], created() { this.list = JSON.parse(this.list); } }); new Vue({ el: '.container' }) 我知道当我覆盖列表属性时问题出在created（）中，但是我是Vue的新手，所以我完全不知道如何解决它。任何人都知道如何（并请解释为什么）修复它？

177 javascript vue.js vuejs2

17

vue.js 2如何从vuex看存储值

我使用vuex和vuejs 2在一起。我是的新手vuex，我想观看store变量更改。我想watch在我的功能添加vue component 这是我到目前为止的内容： import Vue from 'vue'; import { MY_STATE, } from './../../mutation-types'; export default { [MY_STATE](state, token) { state.my_state = token; }, }; 我想知道是否有任何变化 my_state 如何观看store.my_state我的vuejs组件？

168 javascript vue.js vuejs2 vuex

9

如何在父事件上调用子组件上的函数

语境在Vue 2.0中，文档和其他文档清楚地表明，父母与孩子之间的交流是通过道具进行的。题父母如何通过道具告诉孩子发生了什么事？我应该只看一个叫做活动的道具吗？这感觉不对，也没有其他选择（$emit/ $on代表孩子到父母，而中心模型代表远处的元素）。例我有一个父容器，它需要告诉其子容器可以在API上执行某些操作。我需要能够触发功能。

164 javascript vue.js event-handling vuejs2

2

有没有办法在两个命名的vuex模块之间分派动作？

是否可以在命名空间模块之间分派动作？例如，我有vuex模块“游戏板”和“通知”。每个都有名称空间。我想将一个动作从游戏板上调度到通知模块。我以为可以在调度操作名称中使用模块名称，如下所示： // store/modules/gameboard.js const actions = { myaction ({dispatch}) { ... dispatch('notification/triggerSelfDismissingNotifcation', {...}) } } // store/modules/notification.js const actions = { triggerSelfDismissingNotification (context, payload) { ... } } 但是，当我尝试执行此操作时，我收到一些错误，这些错误使vuex试图在我的游戏板模块中调度一个动作： [vuex]未知的本地操作类型：通知/ triggerSelfDismissingNotification，全局类型：游戏板/通知/ triggerSelfDismissingNotification 有没有一种方法可以在vuex模块之间进行分配，还是需要在根vuex实例中创建某种桥接？

159 vue.js vuejs2 vuex

12

如何将外部JS脚本添加到VueJS组件

我必须为支付网关使用两个外部脚本。现在，两者都放入index.html文件中。但是，我不想在一开始就加载这些文件。仅当用户打开特定组件（using router-view）时才需要支付网关。反正有实现这一目标的方法吗？

150 javascript vue.js vuejs2 vue-component vue-router

13

如何在Vue2中实现反跳功能？

我在Vue模板中有一个简单的输入框，我想像这样或多或少使用去抖动： <input type="text" v-model="filterKey" debounce="500"> 然而，该debounce物业已在Vue 2中弃用。该建议仅说：“使用v-on：input +第三方防抖功能”。您如何正确实施它？我尝试使用lodash，v-on：input和v-model来实现它，但是我想知道是否可以在没有额外变量的情况下进行操作。在模板中： <input type="text" v-on:input="debounceInput" v-model="searchInput"> 在脚本中： data: function () { return { searchInput: '', filterKey: '' } }, methods: { debounceInput: _.debounce(function () { this.filterKey = this.searchInput; }, 500) } 然后，在computed道具中使用filterkey 。

143 vue.js vuejs2 debouncing

6

Vuejs：路线变更事件

在我的主页上，我有一些下拉菜单，这些v-show=show链接通过单击链接显示@click = "show=!show"，我想show=false在更改路线时进行设置。请告诉我如何实现这件事。

134 vue.js vuejs2 vue-router

13

Vue.js重定向到另一个页面

我想进行Vue.js类似于香草javascript 的重定向 window.location.href = 'some_url' 如何在Vue.js中实现？

133 vue.js url-routing vuejs2 vue-router

15

如何部署Vue应用程序？

使用Vue开发应用程序后该怎么办vue-cli？在Angular中，有一些命令将所有脚本捆绑到一个脚本中，然后将这些文件发送到主机。 Vue是否有相同的东西？

130 vue.js vuejs2 vue-cli

4

Vue项目中的views和components文件夹有什么区别？

我只是使用命令行（CLI）初始化Vue.js项目。在CLI创建src/components和src/views文件夹。自从我从事Vue项目以来已经有几个月了，文件夹结构对我来说似乎是新的。用生成的Vue项目中的views和components文件夹有什么区别vue-cli？

128 vue.js vuejs2 vue-cli vue-cli-3 vue-cli-4

3

Vuex-将多个参数传递给突变

我正在尝试使用vuejs和laravel的护照对用户进行身份验证。我无法弄清楚如何通过动作将多个参数发送给vuex突变。 -商店- export default new Vuex.Store({ state: { isAuth: !!localStorage.getItem('token') }, getters: { isLoggedIn(state) { return state.isAuth } }, mutations: { authenticate(token, expiration) { localStorage.setItem('token', token) localStorage.setItem('expiration', expiration) } }, actions: { authenticate: ({ commit }, token, expiration) => commit('authenticate', token, expiration) } }) -登录方法- login() { var data = …

124 vue.js vuejs2 vuex

Questions tagged «vuejs2»