Vue中怎么实现全局变量和局部变量-创新互联
本篇文章为大家展示了Vue 中怎么实现全局变量和局部变量,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
成都创新互联公司是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发,网站制作,网站设计,网站模板,微信公众号开发,软件开发,微信小程序开发,十年建站对成都门窗定制等多个方面,拥有多年建站经验。局组件和局部组件
1.先定义组件 Vue.component('组件名', { 组件模板对象 })
注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写
例如: 组件-->mtText 使用时-->
2.配置组件的模板 注意: 组件的模板内容有且只有一个根元素
3.在视图层里调用 ,用双标签
4.组件是一个独立的作用域, 也可以看成一个特殊的vue实例, 可以有data, methods,computed等等
注意: 组件的data是函数, 函数中需要返回一个对象作为组件的data
全局组件案例
局部组件案例
haha
- {{ item }}
组件切换:法一
组件切换:法二
父组件向子组件传值
{{ fromfather }} 子组件的数据
孙子组件的数据
上述内容就是Vue 中怎么实现全局变量和局部变量,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。
网站栏目:Vue中怎么实现全局变量和局部变量-创新互联
转载注明:http://lswzjz.com/article/eijpe.html