vue *** 作dom

1、 this.$refs.xxx拿到虚拟dom,可以进行真实dom的一切 *** 作

1）在标签中添加ref="xxx"

2）在方法中用this.$refs.xxx拿到这个元素，跟document.getElementById('*')一样。

在vue的世界里，没有动态添加dom这种概念，一切都是数据驱动

<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 = "测试"//这时会显示测试

}

}

})

<input type="text" placeholder="请输入您的身份z号码" v-model="form.identityId">

form.identityId是vue中data中的数据

---