vue局部组件与全局组件

全局组件

组件&＃xff08;Component&＃xff09;是 Vue.js 最强大的功能之一。

组件可以扩展 HTML 元素&＃xff0c;封装可重用的代码。

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

 创建一个简单的全局组件

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

关于组件中的其他属性&＃xff0c;可以和实例中的一样&＃xff0c;但是data属性必须是一个函数&＃xff1a;

1.属性名为components&＃xff0c;s千万别忘了;

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

3.关于组件中的其他属性&＃xff0c;可以和实例中的一样&＃xff0c;但是data属性必须是一个函数&＃xff1a;