2018-09-19 Vue.js组件 总结
2018-09-19 本文已影响0人
前端鑫丶
组件:组件化开发 组件可以扩展 HTML 元素,封装可重用的代码。
全局组件
局部组件
注:
1.组件名不可以使用已经存在的html元素
2.组件中的data数据是一个函数,并且要有一个返回值
![](https://img.haomeiwen.com/i13984276/b38da2b66eacd325.png)
组件2:
![](https://img.haomeiwen.com/i13984276/b81da9c9754ca2a4.png)
3.组件的嵌套
![](https://img.haomeiwen.com/i13984276/2c7371b25c2d68b9.png)
4:组件之间的传值-父传子
![](https://img.haomeiwen.com/i13984276/c7407669afd398dc.png)
组件:组件化开发 组件可以扩展 HTML 元素,封装可重用的代码。
全局组件
局部组件
注:
1.组件名不可以使用已经存在的html元素
2.组件中的data数据是一个函数,并且要有一个返回值
组件2: