Vue (2) 组件基础(全局组件和局部组件)

组件是什么 ？
组件是Vue最强大的功能之一，组件可扩展 HTML ，封装可重用的模块，让其它地方能使用。

组件能干嘛 ?
组件的优点是封装重复的特定 html 代码（css,js,html），然后通过组件名字可以重复利用该组件中的代码。

组件的分类
组件可分成全局组件和局部组件，它们的区别就是：全局组件能供所以实例使用，局部组件只能给当前实例使用。所以它们的区别就是作用域不同。

全局组件实例： 所有挂载了vue 对象的 html中 都 可以使用。

语法规则：

全局组件:
Component:组件;
Vue.component(“组件名字”,”组件的配置”)

局部组件实例： 只能在挂载的html上才能使用。

语法规则：

局部组件：
components:{
‘组件名称1’:{组件配置1}
‘组件名称2’:{组件配置2}

}

组件模块实例： 就是在html代码中定义或js中定义，然后指定给vue

组件的模板：
1，HTML 标签中定义，可以使用任何标签，但建议用 template 标签，因为
标签本身的内容也会执行一遍。
2，js中定义：js的内容是不会在页面中渲染的。
script type=‘text/template’

给模板带数据实例： 需要注意的是一个组件的data只能在该模块中使用。data数据只能以函数的形式返回，因为函数中能写其它业务(判断，请求等)。vue的dada不能混合使用，意思就是不能在组件中使用。

---

文章皆为学习记录，如有错误之处，欢迎指出一起学习，谢谢噢！