网站建设资讯

NEWS

网站建设资讯

Vue中怎么实现全局变量和局部变量-创新互联

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

成都创新互联公司是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发,网站制作,网站设计,网站模板,微信公众号开发,软件开发,微信小程序开发,十年建站对成都门窗定制等多个方面,拥有多年建站经验。

局组件和局部组件

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

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

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

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

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

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

全局组件案例



  

局部组件案例



  
  
  

haha

  
    
                   {{ item }}            
  

组件切换:法一



  登录
  注册
  
  

组件切换:法二



  登录
  注册
  
  
    
  

父组件向子组件传值



  


  
    {{ fromfather }}
    子组件的数据
  


  

孙子组件的数据

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


分享标题:Vue中怎么实现全局变量和局部变量-创新互联
转载来源:http://cdweb.net/article/eijpe.html

其他资讯