Vue中怎么实现全局变量和局部变量

本篇文章为大家展示了Vue 中怎么实现全局变量和局部变量,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

创新互联成立与2013年,先为将乐等服务建站,将乐等地企业,进行企业商务咨询服务。为将乐企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

局组件和局部组件

1.先定义组件   Vue.component('组件名', { 组件模板对象 })

注意: 组件名不要使用原生的标签名, 若组件名定义时用的是驼峰命名法, 则调用时用中划线分割后小写
例如: 组件-->mtText   使用时-->  

2.配置组件的模板  注意: 组件的模板内容有且只有一个根元素

3.在视图层里调用 ,用双标签

4.组件是一个独立的作用域, 也可以看成一个特殊的vue实例, 可以有data, methods,computed等等

注意: 组件的data是函数, 函数中需要返回一个对象作为组件的data

全局组件案例



  

局部组件案例



  
  
  

haha

  
    
                   {{ item }}            
  

组件切换:法一



  登录
  注册
  
  

组件切换:法二



  登录
  注册
  
  
    
  



父组件向子组件传值



  


  
    {{ fromfather }}
    子组件的数据
  


  

孙子组件的数据

上述内容就是Vue 中怎么实现全局变量和局部变量,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注创新互联行业资讯频道。


网页标题:Vue中怎么实现全局变量和局部变量
标题来源:http://bzwzjz.com/article/ieigsj.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站制作 重庆企业网站建设 网站制作 营销网站建设 成都网站建设公司 成都企业网站设计 移动手机网站制作 成都网站制作 成都网站设计 企业网站设计 外贸网站建设 H5网站制作 高端品牌网站建设 高端网站设计 定制网站设计 营销型网站建设 四川成都网站设计 网站制作 成都网站建设 自适应网站建设 成都网站建设公司 网站设计