1.什么是生命周期方法?
和wbpack生命周期方法一样, 都是在从生到死的特定阶段调用的方法
PS: 生命周期钩子 = 生命周期函数 = 生命周期事件
2.Vue生命周期方法分类
2.1创建期间的生命周期方法beforeCreate:
created:
beforeMount:
mounted:
2.2运行期间的生命周期方法beforeUpdate:
updated:
2.3销毁期间的生命周期方法beforeDestroy:
destroyed:
生命周期方法示意图
3.Vue---特殊特性
1.Vue特殊特性Vue特点: 数据驱动界面更新, 无需操作DOM来更新界面
也就是说Vue不推荐我们直接操作DOM, 但是在企业开发中有时候我们确实需要拿到DOM操作DOM
那么如果不推荐使用原生的语法获取DOM, 我们应该如何获取DOM?
在Vue中如果想要拿到DOM元素我们可以通过ref来获取2.ref使用2.1在需要获取的元素上添加ref属性. 例如: <p ref="mypp">我是段落
2.2在使用的地方通过 this.$refs.xxx获取, 例如this.$ref.myppp
3.ref特点ref添加到元素DOM上, 拿到的就是元素DOM
ref添加到组件上, 拿到的就是组件
4.Vue---组件渲染方式
1.Vue渲染组件的两种方式
1.1先定义注册组件, 然后在Vue实例中当做标签来使用
1.2先定义注册组件, 然后通过Vue实例的render方法来渲染
2.两种渲染方法的区别
1.1当做标签来渲染, 不会覆盖Vue实例控制区域
1.2通过render方法来渲染, 会覆盖Vue实例控制区域