9. VUE全局变量与局部变量---(vue入门 文档学习记录)

23 篇文章 0 订阅
22 篇文章 0 订阅

转自:https://www.cnblogs.com/webxu20180730/p/10890888.html

作用域:

  • 全局作用域:Vue对象
    • 全局api
  • 局部作用域:
    • 实例对象vm
      • 实例api
    • 组件component
      • 组件配置选项

 

在引入Vue文件时,就相当于拥有了一个全局Vue对象。 在var vm = new Vue(option)时,就相当于创建了一个实例对象vm 在注册一个组件后,就相当于创建了一个组件对象。

 

全局Vue对象的属性和方法能被所有实例对象共享,或者说继承。全局API调用是Vue打点调用。

形式是:VUE.directive、VUE.filter。

 

一个页面中可以创建多个实例对象,比如var test = new Vue()、var example = new Vue()。

 

实例对象的api是经过vue特定封装的,以$开始。形式是:test.$filter 、example.$data。

 

定义在组件内部的属性只限组件内使用。使用Vue.component()注册时为全局组件,可以被所有实例对象使用。

 

在var test = new Vue({components:header})注册的组件为实例对象test内的局部组件,只能被test实例对象内部使用,不能被其它实例对象使用。

 

在组件内声明的属性或方法,可以直接用指向当前组件对象的this打点调用,形式如this.filter、this.message。此时的this也可调用当前组件所属实例对象中的属性和方法,但必须$开头,this.$options、this.$data。

给前端小伙伴推荐一个不错的入门视频,希望你能少走点弯路吧

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值