<h1>{{obj.name}}</h1>
<h2>{{obj.prop}}</h2>
<script src="../Scripts/vue.js"></script>
<script>
$(function () {
alert(1)
})
var vue = new Vue({
el: 'body',
data: {
//初始obj是空的,因此视图默认是什么都没有
obj:{}
},
ready: function () {
//这里是vue初始化完成后执行的函数
this.obj.name = "对象名字"//这时会显示name
},
methods: {
//这里是自定义的方法
setProp: function () {
this.obj.prop = "测试"//这时会显示测试
}
}
})
1、 this.$refs.xxx拿到虚拟dom,可以进行真实dom的一切 *** 作
1)在标签中添加ref="xxx"
2)在方法中用this.$refs.xxx拿到这个元素,跟document.getElementById('*')一样。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)