vue学习指南
vue
-组件使用
slot、父子组件传递、动态组件、组件递归(name属性+vfor)
-vuex
mutations 固有参数是state
this.
s
t
o
r
e
.
s
t
a
t
e
,
c
o
m
m
i
t
(
)
r
e
t
u
r
n
t
h
i
s
.
store.state,commit() return this.
store.state,commit()returnthis.store.state.count; == …mapState({count: state => state.count})
actions 固有参数是context 是state的父级 包括state\getters
this.$store.dispatch()
-路由
beforeEnter: (to, from, next) // 路由有 全局钩子,独享钩子,组件内钩子
-组件通讯
provider/inject 2.2 祖先组件对子组件穿透传值
-生命周期
beforeCreate: 在实例初始化之后,数据观测和event/watcher事件配置之前被调用。
|
| observe data \ init events
|
created: 实例已经创建完成之后被调用。在这一步,实例已经完成以下的配置:数据观测,属性和方法的运算,watch/event事件回调。然而,挂载阶段还没开始,
e
l
属
性
目
前
不
可
见
∣
∣
e
l
选
项
没
有
意
味
着
生
命
周
期
结
束
,
直
到
v
m
.
el属性目前不可见 | | el选项没有意味着生命周期结束,直到vm.
el属性目前不可见∣∣el选项没有意味着生命周期结束,直到vm.mount(el)(手动挂载),检验template参数选项,
|template参数选项比外部html优先级高
|
beforeMount: 在挂载开始之前被调用:相关的render函数首次被调用,该钩子在服务器端渲染期间不被调用。
|
| el选项没有意味着生命周期结束,直到vm.
m
o
u
n
t
(
e
l
)
(
手
动
挂
载
)
,
检
验
t
e
m
p
l
a
t
e
参
数
选
项
,
∣
t
e
m
p
l
a
t
e
参
数
选
项
比
外
部
h
t
m
l
优
先
级
高
∣
m
o
u
n
t
e
d
:
e
l
被
新
创
建
的
v
m
.
mount(el)(手动挂载),检验template参数选项, |template参数选项比外部html优先级高 | mounted: el被新创建的vm.
mount(el)(手动挂载),检验template参数选项,∣template参数选项比外部html优先级高∣mounted:el被新创建的vm.el替换,并挂在到实例上去之后调用该钩子函数。
|
|
beforeUpdate: 数据更新时调用,发生在虚拟DOM重新渲染和打补丁之前。
|
|
updated: 由于数据更改导致的虚拟DOM重新渲染和打补丁,在这之后会调用该钩子。
|
|
activated: keep-alive组件激活时调用。
deactivated: keep-alive组件停用时调用。
beforeDestroy: 实例销毁之间调用。在这一步,实例仍然完全可用。
destroyed: Vue实例销毁后调用。调用后,Vue实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。