2018-09-18vue.js组件

一、组件:可以拓展HTML元素,封装可重用的代码
组件分为全局组件和局部组件
通过prop向子组件传递数据

全局组件:
body部分:

  

js部分:

  

 

二、全局组件和局部组件:

组件可以被嵌套
组件中的data属性必须是一个函数
body部分:

 

js部分:



效果图:


2018-09-18vue.js组件_第1张图片
组件.png

三、父给子传值案例props['属性名']

body部分:

 

js部分:

  
   
效果图:


2018-09-18vue.js组件_第2张图片

你可能感兴趣的:(2018-09-18vue.js组件)