Vue之路之--Vue实例的一些理解(未完待续)
来源:互联网 发布:阿里云服务器建站 编辑:程序博客网 时间:2024/06/06 01:48
直接上代码:
var app = {sanfu:"vueJS是一个好框架"}var vm = new Vue({el:"#container",data:app})//除了 data 属性, Vue 实例暴露了一些有用的实例属性与方法。这些属性与方法都有前缀 $。也就是说vue实例//可以访问构造函数里面的属性,但必须前面加上$,以作和代理的data属性区分vm.$el==document.getElementById("container")//true// 同理vm.$data == app//true;区别于vm.data是直接访问是构造函数data属性中,data数据;vm.$watch("sanfu",function(newOne,oldOne){console.log(oldOne)})//监控sanfu数据变化,当vm.sanfu变化的时候才会执行回调函数vm.sanfu = "aha!"//此时就会执行那个回调函数,因为sanfu的值发生了变化
一句话总结之,Vue的实例是构造Vue应用的基础,Vue实例能够代理(访问)data对象里面的属性和数据,现在数据是能够访问了,那么问题来了,如果我要访问构造函数里面的属性怎么办呢?答案当然是通过Vue实例就可以解决--Vue实例也能够访问构造函数中的属性和方法,但前提是在属性和方法前加$,以便和代理的data属性区分
阅读全文
0 0
- Vue之路之--Vue实例的一些理解(未完待续)
- Vue实践--父子组件间的通信(未完待续)
- Vue基础之Vue实例
- Vue之实例的生命周期
- Vue之实例详解
- Vue之实例属性
- vue之vue实例简单方法
- VUE 的学习之路
- Vue之路之--vue的初体验
- vue学习之路(一)--vue-cli安装+vue-router+vue-resource
- Vuejs之路之--父子组件(未完待续)
- vue之路之--Vue组件
- vue之vue-router
- Vue之Vue-router
- APNS的理解(未完待续)
- Vue之class的
- 【弱的C艹之路。。未完待续】
- vue 学习之路
- vb.net 教程 12-3 HtmlElement类 8 突破网页限制
- Mongodb与Elasticsearch实时同步
- android高级组件(2)AutoCompleteTextView,MutiAutoCompleteTextView,Spinner,ListView
- 图像处理18:透视变换
- Angular 实现类似博客评论的递归显示
- Vue之路之--Vue实例的一些理解(未完待续)
- sparksql 简单使用
- LiME + volatility2.4进行内存读取
- Android Pair记录
- Android关于中文url编码类似于%E5%8F%8C%E5%AD%90%E5%BA%A7
- poj 1033 Defragment 模拟+递归
- Neutron总结-Firewall as a Service(FWaaS)
- python爬虫学习第七天
- 第一章 实用R内置数据进行数据处理--笔记