Vue学习第四天（vue基础）

挂载多个组件的效果：

效果：

这些是局部组件，全局组建的创建如下：注意是component没有s

Vue.component(‘name‘,{template:...})

使用的时候直接插入就可以，例如插入在头部组件中：

 效果：

 组件通信问题：目的是为了解决组件之间的传值。

子组件获取父组件的值：子组件中使用props获取。

　　这里props中的childData将会显示在text中，childData是从父组件那里传过来：

　　父组件中通过<组件名:变量名=‘内容’/>这种方式向子组件传递内容。这里有个重要事就是：之前我一直以为template后面用的单引号，写上单引号就报错，所以才写成这样，后来知道不是单引号，是反引号，加入反引号之后就不用每次在行末添加一个\号了。

　　传递消息这里说实话理解的不是很懂，先跳过这里到时候看几个例子再去理解这个地方。

　　slot插槽。slot作为承载分发内容的出口

效果

 因为定义Vbtn的时候有：