2018-09-18vue.js组件

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

全局组件:
body部分:

js部分:



局部组件:

body部分:

js部分:

    
    

二、全局组件和局部组件效果图:


全局组件和局部组件效果图.png
  组件可以被嵌套
  组件中的data属性必须是一个函数

body部分:

  

js部分:



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

body部分:

  

js部分:



效果图:
父给子传值案例.png

四、添加删除水果列表案例

body部分:

 

js部分:



效果图:
添加删除水果列表案例.png

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