当前阅读教程:Vue.JS入门教程 > 示例-前缀 $ 的使用 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 示例:data内容的另外一种定义方式 | 下一篇: 入门知识点总结 |
除了数据属性,Vue 实例还提供了一些有用的实例属性与方法。它们都有前缀 $,以便与用户定义的属性区分开来。例如: 代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue.js 起步-前缀 $ 的使用</title> <!--加载本地vue.js的框架--> <script src="vue2.2.2.min.js"></script> </head> <body> <!--定义div区块的id的值,这里定义的值为"app",后面vue会使用该值--> <div id="app"> <!--显示变量site的值:“淘宝网”--> <h2>网站名称:{{site}}</h2> <!--显示变量url的值:“www.taobao.com”--> <h3>网站网址:{{url}}</h3> </div> <script type="text/javascript"> // 我们的数据对象 var mydata = { site: "淘宝网", url: "www.taobao.com"} var vm = new Vue({ el: '#app', //app为前面div区块的id的值,通过"#"号绑定 //data区域定义属性/变量的值 data:mydata }) document.write(vm.$data === mydata) // 返回true document.write("<br>") document.write(vm.$el === document.getElementById('app')) // 返回true </script> </body> </html> 效果图 |
|
上一篇: 示例:data内容的另外一种定义方式 | 下一篇: 入门知识点总结 |