VUE怎么创建局部组件

工具/原料

• 东西：HBuilder X
• 手艺：vue.js

方式/步骤

1. 1

   打开开辟东西，新建一个HTML，并引入vue.js

   
2. 2

   编写代码，建立一个VUE实例

   
3. 3

   利用components属性，建立局部组件：

   
4. 4

   建立组件后，我们像HTML标签一样，在VUE的挂载点下利用就行了，如图：

   
5. 5

   最后，我们打开浏览器来测试结果：

   

方式总结

1. 1

   1、新建HTML引入vue.js

   2、建立一个VUE实例

   3、利用components属性，建立组件

   4、利用组件

   5、打开浏览器测试结果

注重事项

• tips1：本教是直接利用CDN体例引入VUE来为大师演示的哦！
• tips2：局部组件还有良多属性，例如私有的data等等属性，详情请到vue官方文档查询！