1、所有vue组件都是vue实例,具有相同选项对象
2、当一个vue实例被创建时,data对象里面的属性,是具有响应式的,这些属性发生改变时,视图会产生“”响应“,但是如果你要阻止"响应式”改变。只可以使用Object.freeze()方法。
3、vue的生命周期(记住每个组件都有一个vue)
- beforeCreate
vue实例未创建之前,什么都没有 - created
vue实例已经创建,属性已经都包含,如data属性,这时候可以请求api - beforeMount
还没有渲染,但已经有虚拟节点占位, - mounted
渲染完毕,将虚拟节点数据替换成真的数据 - beforeUpdate
- updated
- beforeDistory
- distroied
一般偶尔在某一个弹窗组件下请求数据,更新一下数据
4、vuex
以后台的实际的表为例子,
放在每一个state里面
user: {
username:null,
email: null,
},
device: {
deviceName: null,
id: null,
}
actions专门用来进行api访问或者说是异步请求,然后如果对数据进行改变然后提交给mutation
若不是异步操作直接mutation