vue组件的一些知识理解

Posted 2021-02-05 czy960731

组件我们在项目中会很常用到，说下自己在学习过程中的理解，有关 组件初始化顺序，组件为什么data是function，组件的生命周期

1. Vue.component(‘‘, {})  注册全局组件，组件会返回一个构造函数，这个函数的实例被我们引用在父组件的components中

2. 组件相关的数据有props、data、computed他们的实例化顺序是props、data、computed，这个源码就是这么写的，原因可能是 props是父组件的外来数组，为了保护组件的data不被污染，所以props在前面data在后面；computed的数据依赖data,所以computed应该在data后面

3.组件的data为什么是一个函数，我们之前知道了组件在引用的过程中是一个实例，为了保证这个实例的数据在引用的时候，相互之间不影响，data是一个函数,返回一个新的对象，这样来每个引用的地方返回的都是单独的一份对象

4.父组件渲染子组件的生命周期过程  beforeCreate(父) -> created(父) -> beforeMounte(父)->beforeCreate(子) -> created(子) -> beforeMounte(子)->Mounted(父) ->beforeDestroy(父)->beforeDestroy(子)->destroyed(子)->destroyed(父)

先写这么多