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

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

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

局组件和局部组件

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

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

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

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

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

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

全局组件案例



  

局部组件案例



  
  
  

haha

  
    
                   {{ item }}            
  

组件切换:法一



  登录
  注册
  
  

组件切换:法二



  登录
  注册
  
  
    
  



父组件向子组件传值



  


  
    {{ fromfather }}
    子组件的数据
  


  

孙子组件的数据

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


文章名称:Vue中怎么实现全局变量和局部变量
浏览地址:http://cdiso.cn/article/ieigsj.html

其他资讯