关于 Vue

1、数据双向绑定

　　什么叫双向绑定呢 ，比如  在input上赋值为　obj.name , 当改变 obj.name 的时候 input 上的值也回随之改变。 同样， 如果input 上手动输入一些值， obj.name 也会随之改变。

　　如何实现呢？

 

2、组件的生命周期

　  new  Vue ( )     beforeCreate------>  组件实例刚刚被创建，组件属性计算之前，如data属性                              即 此时  el 和 data 并未初始化

　　　　　　　　            Created------>   组件实例创建完成，属性已绑定，但DOM还未生成，$el  属性还不存在       完成了 data 数据的初始化，el没有

　　　　              beforeMounted ------->  模板编译/挂载之前　　　　　　　　　　　　　　　　　　　　　　　　完成了 el 和 data 初始化

　　　　　　　   　mounted       -------->   模板编译挂在之后　　　　　　　　　　　　　　　　　　　　　　　　完成了 el 和 data 初始化

　　　　　　　　　beforeUpdate  ------->   组件更新之前

　　　　　　　　　beforeUpdate ------->   组件更新之后

　　　　　　　 　 beforeDestroy  --------->  组件销毁前调用

　　　　　　　　　　destoryed   --------->　　组件销毁后调用

3、 vue-router  的导航钩子

　　vue-router 导航钩子主要是可以用来做 登录拦截， 分为全局、单个路由独享、组件级的　　　　

 

    全局有一个： router.beforeEach()

　 某个路由独享：在path　和 componet  后面加上 beforeEnter(to,from,next)　　　

　　组件内有 

• beforeRouteEnter                         （不能获得组件实例---）

• beforeRouteUpdate   (2.2 新增)   路由改变，但是该组件被复用的时候调用  （/foo/1 切换到 /foo/2 时候 跳转   ， 写博客的时候 这个很好用！）  ，可以访问this
• beforeRouteLeave     导航离开该组件的时候调用，当然可以调用this 了　　　　　　　　　　　　　　　　　　　


　　　

　　　　　　　　

　　

转载于:https://www.cnblogs.com/wanonder/p/7492132.html