Vue中的组件

Vue常用的三种传值方式有：
父传子 用属性传
子传父 用事件传
非父子传值 第三方量
组件（component）：是Vue最轻大的功能之一。 组件化开发
特点：组件可以扩展HTML元素，封装可重用代码。
组件在命名是不可以使用HTML中的元素
组件分为全局与局部：
全局注册为

<组件名>//组件名不能用HTML元素


Vue.component('组件名'，{
  template:`
这是组件的全局注册
`
})
new Vue({
  el:'#itany'
})

局部注册为：

<组件名>

    new Vue({
        el:'#itany',
        components:{
            '组件名':{
                template:`
1581
`
            }
        }
    })

组件中可以写多个Vue.component
例如：

注意：在组件中data选项必须是一个函数且有返回值
组件中可以正常使用vue中的指令
例如：

组件props

选项props是父子组件间的桥梁
props格式为：props：[' 自定义属性'],
例如：

输出结果为点击button出现Who are you？

13921236-2dad795215cef90e.png

的公共实例but，作为中间仓库来传值

箭头函数this指向详细解析：https://www.cnblogs.com/dongcanliang/p/7054176.html（如有需要请跳转网页观看）