zoukankan      html  css  js  c++  java
  • vue-learning:13

    目录

    • 全局作用域:Vue对象
      • 全局api
    • 局部作用域:
      • 实例对象vm
        • 实例api
      • 组件component
        • 组件配置选项
    在引入Vue文件时,就相当于拥有了一个全局Vue对象。
    在var vm = new Vue(option)时,就相当于创建了一个实例对象vm
    在注册一个组件后,就相当于创建了一个组件对象。
    

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

    一个页面中可以创建多个实例对象,比如var test = new Vue()var example = new Vue()。实例对象的api是经过vue特定封装的,以$开始。形式是:test.$filterexample.$data

    定义在组件内部的属性只限组件内使用。使用Vue.component()注册时为全局组件,可以被所有实例对象使用。在var test = new Vue({components:header})注册的组件为实例对象test内的局部组件,只能被test实例对象内部使用,不能被其它实例对象使用。

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

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

  • 相关阅读:
    vue如何实现热更新
    vue项目与node项目分离
    vue如何实现热更新
    Vue项目SSR改造实战
    找工作Java面试 题搜集
    html5绘图笔记纪要
    HTML5实现绘制几何图形
    浅谈html5在vr中的应用
    浏览器三种事件处理的模型
    基于html5二个div 连线
  • 原文地址:https://www.cnblogs.com/webxu20180730/p/10890888.html
Copyright © 2011-2022 走看看