vue vuex vue-router react react-rodux react-router中涉及到的关键字

2020-06-15 / 402

vue:

《vue生命周期中关键字》

new Vue()  //新建Vue实例

beforeCreate //Vue实例中data和methods中的数据都还未被初始化

created //data和methods中的数据都已经被初始化好了

reder() //渲染template

beforeMount // 内存中编译好的元素尚未被挂载到页面上

mounted //此时内存中的模板已经真实挂载到了页面上

---页面数据发生变化---

beforeUpdate //此时页面还没有更新,但数据已经改变了

--reder()虚拟DOM重新渲染--

updated //此时页面上的数据和data的数据已经保持同步了

--销毁阶段--

beforeDestroy //此时实例上的date和methods、过滤器及指令都可以用

destroyed //实例中所有数据和方法、过滤器、指令都不可以

 

vuex:

Vuex.Store() //创建store 实例

state //状态树

getter //可以被缓存的计算属性

Mutations //更改 Vuex 的 store 中的状态的唯一方法是提交 mutations,更改方式store.commit(方法名称, 参数)