这里也是在理解的基础上记忆
![](https://img.haomeiwen.com/i4395895/56e03074515f04c8.gif)
https://cn.vuejs.org/v2/guide/components.html#组件的复用
一.重点
Vue是基于数据驱动和组件化的框架,实际上,整个vm对象就是一个大的组件.我们可以理解为根组件,只不过它的控制区域是整个界面(或者说是界面的一部分内容),组件就是整个页面上重复出现的一部分内容,它与根组件一样可以设置方法和数据,只是由于组件的复用性,它的数据必须是一个函数返回的对象,这样才能保证使用多个组件时,不会出现数据控制混乱.
二.验证代码
![](https://img.haomeiwen.com/i4395895/a6600df95a8f5897.png)
![](https://img.haomeiwen.com/i4395895/f3c059ecb773041a.png)
![](https://img.haomeiwen.com/i4395895/2f3409e0342f82c5.png)
网友评论