VueJS构造器:new Vue({})
2024-08-30 10:42:11
构造器
每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例来启动的:
var vm = new Vue({
// 选项
})
属性与方法
每个 Vue 实例都会代理其 data 对象里所有的属性:
var data = { a: 1 }
var vm = new Vue({
data: data
})
vm.a === data.a // -> true
// 设置属性也会影响到原始数据
vm.a = 2
data.a // -> 2
// ... 反之亦然
data.a = 3
vm.a // -> 3
除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $,以便与代理的 data 属性区分。例如:
var data = { a: 1 }
var vm = new Vue({
el: '#example',
data: data
})
vm.$data === data // -> true
vm.$el === document.getElementById('example') // -> true
// $watch 是一个实例方法
vm.$watch('a', function (newVal, oldVal) {
// 这个回调将在 `vm.a` 改变后调用
})
最新文章
- ENode框架Conference案例分析系列之 - Quick Start
- 解决Ckeditor编辑器不显示html实体,自动过滤html的问题
- 【Java MyBatis Generator】使用generator自动生成Dao,Mapping和实体文件
- Linux下手动获取当前调用栈
- 如何在CHROME里调试前端代码?
- EcStore操作笔记
- 什么是TimeTunnel
- 【ALearning】第四章 Android Layout组件布局(一)
- java语言内部类和匿名内部类
- Sasha and Array
- Tcl与Design Compiler (十一)——其他的时序约束选项(二)
- Servlet第一篇【介绍Servlet、HTTP协议、WEB目录结构、编写入门Servlet程序、Servlet生命周期】
- 从Stage角度看cassandra write
- .net 数据绑定gridview 和Repeater 序号,Container.ItemIndex
- Expect 安装 on centos7
- 《Mysql ALTER基本操作》
- django安装命令
- [转]DB2中需要REORG操作的几种情况
- mongodb在windows下的安装
- C# 程序员最常犯的 10 个错误http://www.oschina.net/translate/top-10-mistakes-that-c-sharp-programmers-make
热门文章
- Fabric 和 Sawtooth 技术分析(下)
- JAVA 字节流和字符流度读写的区别
- 【07】 vue 之 Vue-router
- MySQL服务器端&;客户端常见错误
- [LeetCode] Reorder List 反向插入链表
- 修复无法启动的mariadb
- C 语言调用python 脚本函数
- Codeforces Round #450 (Div. 2) C. Remove Extra One【*模拟链表/一个数比前面所有数大就是个record。删掉一个数,让record的个数尽量多。】
- Ansible之常用模块介绍
- 设置ListView的item不能点击