Vue 与 Vuex 的第一次接触遇到的坑(IT技术) |
您所在的位置:网站首页 › vue和vuex › Vue 与 Vuex 的第一次接触遇到的坑(IT技术) |
在 setAuthor 方法中,将输入框的值 inputTxt 赋给 Vuex 中的状态 author,从而实现子组件之间的数据传递 五、官方推荐的修改状态的方式 上面的示例是在 setAuthor 直接使用赋值的方式修改状态 author,但是 vue 官方推荐使用下面的方法: 首先在 store.js 中定义一个方法 newAuthor,其中第一个参数 state 就是 $store.state,第二个参数 msg 需要另外传入 然后修改 header.vue 中的 setAuthor 方法 这里使用 $store.commit 提交 newAuthor,并将 this.inputTxt 传给 msg,从而修改 author 这样显式地提交(commit) mutations,可以让我们更好的跟踪每一个状态的变化,所以在大型项目中,更推荐使用第二种方法。 总结 以上所述是小编给大家介绍的Vue 与 Vuex 的第一次接触遇到的坑,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持! 相关文章深入理解Vue 组件之间传值vue中引用swiper轮播插件的教程详解实例详解vue.js浅度监听和深度监听及watch用法vue watch普通监听和深度监听实例详解(数组和对象)vue watch深度监听对象实现数据联动效果vue2.0父子组件间传递数据的方法Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)浅谈Vue.js路由管理器 Vue Router深入理解Vue 组件之间传值JS加密插件CryptoJS实现的Base64加密示例 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |