vue
z1012890225
这个作者很懒,什么都没留下…
展开
-
vuex的简单使用
一、vuex中的state、action、mutation的关系state负责存储整个应用的状态数据,要注意在入口文件main.js注入store对象,就可以在根组件下的子组件使用this.$store.state获取状态了。 mutation里面写着改变状态数据的方法(一定要写在这里),mutation是同步事件要注意,里面的方法不能写异步的,组件中触发一个mutation的方法store.c...转载 2018-06-26 15:27:37 · 152 阅读 · 0 评论 -
[vuex] Do not mutate vuex store state outside mutation handlers.
我之前是这么使用的:this.form = this.$store.state.common.searchFormData;form是检索表单,每次进入页面从vuex中取出进行初始化,但是在搜索表单中进行修改时,控制台报错,即[vuex] Do not mutate vuex store state outside mutation handlers.报错原因:更改 Vuex 的 store 中的...原创 2018-07-03 14:05:23 · 9743 阅读 · 2 评论 -
vue父子组件props传值,如何在子组件method里拿到父组件数据
子组件挂载的时候,props传值,数据挂载命名:用驼峰命名法命名,在子组件在methods里才可以通过this.xx获取。 注意命名要规范。 父组件通过props传值给子组件,子组件在methods里要拿到父组件传递过来的数据有2种情况: 第一种:父组件传递的参数是固定的,data里面定义的参数,这时候在子组件通过this.xxx就可以获取到,但是要注意命名方式,如下: 父组件里:子组件在父组件...转载 2019-01-14 11:15:50 · 1635 阅读 · 0 评论 -
vue中修改了数据但视图无法更新的情况
Vue响应式原理之官方解释 当你把一个普通的JavaScript对象传给Vue实例的data选项,Vue将遍历此对象所有的属性,并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性,这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器。 这些getter/sett...转载 2019-03-27 11:31:57 · 812 阅读 · 0 评论