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

Vue组件

时间:2020-11-10 11:07:21      阅读:6      评论:0      收藏:0      [点我收藏+]

标签:style   有一个   技术   template   img   必须   loading   返回   class   

组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。是可复用的Vue实例。

 

组件树

技术图片

 

 

局部组件

局部组件分为声子,挂子,用子

1.声子,声明一个组件
Vue 中组件的名字首字母要大写 跟标签区分,组件中的data必须是个函数,一定要有返回值

2.挂子,挂载组件components
挂载哪个组件,这个组件就是我的父组件


3.用子,用组件
<组件名/>
template中的模板一定要有一个根标签包裹
如果仅仅是实例化vue对象中既有el 又有template,如果template中定义模板的内容,那么template模板的优先级大于el,

 

Vue组件

标签:style   有一个   技术   template   img   必须   loading   返回   class   

原文地址:https://www.cnblogs.com/TodayWind/p/13950474.html

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