本次讨论的是引入<script>标签使用vue时vue对象和vue组件间的生命周期顺序,本次不讨论beforUpdata后的生命周期,主要是由于在使用vue组件时经常造成vue对象与组件之间传参出现问题
本人在开发时比较喜欢vue的MVVM模式,vue的渲染模板使用起来很高效,整体代码也比较美观,使用vue时生命周期是一个比较重要的问题,否则会造成报错时可能都找不到原因,先放上一张官方提供的生命周期图
这是官方提供的生命周期图,这个是单个vue对象的生命周期,组件也是一个独立的vue对象,加入组件后,本次通过实验的方式验证vue对象和组件之间的生命周期
1.创建一个组件js文件,并注册组件
Vue.component('hello', {
template: `<div>hello {
{this.name}}</div>`,
props: {
name: {
type: String,
default: 'zhangsan'
}
},
beforeCreate: