Vue实例 -构造器
来源:互联网 发布:mac软件推荐 编辑:程序博客网 时间:2024/06/18 14:05
每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的:
var vm = new Vue({//选项,实例化时需要传入一个选项对象})
可以扩展构造器,从而用预定义选项创建可复用的组件构造器
var MyComponent = Vue.extend({ // 扩展选项})// 所有的 `MyComponent` 实例都将以预定义的扩展选项被创建var myComponentInstance = new MyComponent()
所有的 Vue.js 组件其实都是被扩展的 Vue 实例
属性与方法
每个Vue实例都会代理其data对象里所有的属性
var data = { a : 1}var vm = new Vue({ data :data})vm.a===data.avm.a=2data.a->2data.a=3vm.a->3
注意只有这些被代理的属性是响应的,也就是说值的任何改变都是触发视图的重新渲染
除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的 data 属性区分。例如:
var data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data===datavm.$el===document.getElementById('example') //$watch是一个实例方法vm.$watch('a',function(newVal,oldVal){//这个回调将在vm.a改变后调用})
阅读全文
0 0
- Vue实例 -构造器
- vue笔记----构造器
- Vue.extend构造器
- Vue学习-构造器
- Vue.extend()构造器
- Vue 构造器
- Vue-Router的路由实例构造配置
- 前端框架vue.js系列(9):vue构造、vue组件与vue实例的关系
- vue.js基础-构造器
- vue.js基础-构造器
- vue.js基础-构造器
- vue的父子构造器
- 实例构造器
- Init实例构造器
- Vue2 全局-Vue.extend构造器拓展
- Vue.extend构造器的延伸
- vue实例
- Vue实例
- 廖雪峰git读书笔记--添加远程库
- hibernate 乐观锁与悲观锁的实现
- jenkins中对was的部署支持
- leetcode -- 459. Repeated Substring Pattern【java细节优化 + 模式规律 + 数字规律排除 】
- ViewPager概述
- Vue实例 -构造器
- 地杰斯特拉
- 通过京东了解一下 NVIDIA 的不同系列的产品性能
- HDU 5943 Kingdom of Obsession(二分图)
- C语言常见问题
- C++中引用(&)的用法和应用实例
- Python中赋值、浅拷贝与深拷贝
- Java比较器Comparator接口和Comparable<泛型>接口的纯个人见解
- Leetcode 373. Find K Pairs with Smallest Sums