vue局部组件与全局组件

全局组件

组件（Component）是 Vue.js 最强大的功能之一。

组件可以扩展 HTML 元素，封装可重用的代码。

组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：

 创建一个简单的全局组件

 结果：每个btn里面包含一个相应的button按钮，并且可单独实现点击自增。

关于组件中的其他属性，可以和实例中的一样，但是data属性必须是一个函数：

局部组件

1.属性名为components，s千万别忘了;

2.套路比较深，所以建议模板定义在一个全局变量里，代码看起来容易一点，如下：（模板标签比较多的时候，这样子写更加简洁规整）

3.关于组件中的其他属性，可以和实例中的一样，但是data属性必须是一个函数：