VUE怎么创建局部组件

大家在学习使用VUE组件的时候,都知道,VUE组件分别有,全局组件,和局部组件,下面小编就和大家说说,该如何注册局部组件(子组件)!

VUE怎么创建局部组件

文章插图

需要这些哦
东西:HBuilder X
手艺:vue.js
方式/
1打开开辟东西,新建一个HTML,并引入vue.js
VUE怎么创建局部组件

文章插图

2编写代码,建立一个VUE实例
VUE怎么创建局部组件

文章插图

3利用components属性,建立局部组件:
VUE怎么创建局部组件

文章插图

4建立组件后,我们像HTML标签一样,在VUE的挂载点下利用就行了,如图:
VUE怎么创建局部组件

文章插图

5最后,我们打开浏览器来测试结果:
VUE怎么创建局部组件

文章插图

方式总结11、新建HTML引入vue.js
2、建立一个VUE实例
3、利用components属性,建立组件
4、利用组件
【VUE怎么创建局部组件】5、打开浏览器测试结果

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

以上内容就是VUE怎么创建局部组件的内容啦,希望对你有所帮助哦!

    推荐阅读