一、全局组件及复用
- 组件(Component)是 Vue.js 最强大的功能之一。
- 组件可以扩展 HTML 元素,封装可重用的代码。
- 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树:
- 注册一个全局组件语法格式如下:
Vue.component(tagName, options)
——tagName 为组件名,options 为配置选项- 注册后,我们可以使用以下方式来调用组件:
二、data必须是一个函数
一个组件的 data 选项必须是一个函数,因此每个实例可以维护一份被返回对象的独立的拷贝:
如果data不是函数,可能就会影星到它所有的实例
三、props做数据传递