码迷,mamicode.com
首页 > 其他好文 > 详细

vue组件的一些知识理解

时间:2019-01-21 19:29:07      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:渲染   数组   对象   fun   ted   str   before   学习过程   create   

组件我们在项目中会很常用到,说下自己在学习过程中的理解,有关 组件初始化顺序,组件为什么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(父)

先写这么多

vue组件的一些知识理解

标签:渲染   数组   对象   fun   ted   str   before   学习过程   create   

原文地址:https://www.cnblogs.com/czy960731/p/10300137.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!