当前阅读教程:Vue.JS入门教程 > 入门知识点总结 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 示例-前缀 $ 的使用 | 下一篇: Vue.js 数据绑定 |
知识点:Vue中data数据的第2种定义方式 我们可以先定义一个对象,将内容赋值在对象里面,然后讲对象赋值给Vue中的data。示例 代码如下: var duixiang = { site: "大学课堂", url: "www.123.com", alexa: 10000} var vm = new Vue({ el: '#vue_det', data: duixiang })
知识点:Vue中data数据的改变和设置方式1 var myvue = new Vue({ el:"#myapp001", data:{ site:"大学课堂", url:"www.123.com" }, methods:{ cs:function(){ return "你好," + this.url; } } }) 如何改变 myvue.site = "腾讯" 知识点:Vue中data数据的改变和设置方式2 var duixiang = { site: "大学课堂", url: "www.123.com", alexa: 10000} var vm = new Vue({ el: '#vue_det', data: duixiang }) vm.site = "腾讯" duixiang .site = "百度" 知识点:原生JS如何输出Vue中的data数据 document.write(vm.alexa) 知识点:Vue中的系统属性的使用 除了数据属性,Vue 实例还提供了一些有用的实例属性与方法。它们都有前缀 $,以便与用户定义的属性区分开来。 <script> var shuju={xing:"黄",ming:"菊华",dianhua:"13516821613"} var v = new Vue({ el:"#app", data:shuju }) document.write(shuju); document.write(v.$data); document.write(v.$data===shuju); </script>
|
|
上一篇: 示例-前缀 $ 的使用 | 下一篇: Vue.js 数据绑定 |