扫一扫下方二维码,关注本站官方公众号
回复:2020加油
获取永久解锁本站全部文章的验证码

vue-learning:13 - js - vue作用域概念:全局和局部-Go语言中文社区

vue-learning:13 - js - vue作用域概念:全局和局部


目录

  • 全局作用域: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。

从这节开始,我们进入Vue逻辑层的知识点。具体看下节内容。

版权声明:本文来源博客园,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://www.cnblogs.com/webxu20180730/p/10890888.html
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2019-11-17 18:59
  • 阅读 ( 294 )
  • 分类:前端

0 条评论

请先 登录 后评论

官方社群