<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://unpkg.com/vue@2.3.3/dist/vue.js"></script>
</head>
<body>
<div id="example">{{message}}</div>
<script type="text/ecmascript">
var vm = new Vue({
el: '#example',
data: {
message: '123'
}
})
vm.message = 'new message' // 更改数据
console.log(vm.$el.textContent === 'new message')
// console.log( vm.$el.textContent === 'new message' // true)
// vm.$el.textContent === 'new message' // false
Vue.nextTick(function () {//在下次dom更新循环之后执行的回调函数 异步刷新队列
vm.$el.textContent === 'new message' // true
console.log(vm.$el.textContent === 'new message' )// true
})
</script>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="https://unpkg.com/vue@2.3.3/dist/vue.js"></script>
</head>
<body>
<div id="example">{{message}}</div>
<script type="text/ecmascript">
var vm = new Vue({
el: '#example',
data: {
message: '123'
}
})
vm.message = 'new message' // 更改数据
console.log(vm.$el.textContent === 'new message')
// console.log( vm.$el.textContent === 'new message' // true)
// vm.$el.textContent === 'new message' // false
Vue.nextTick(function () {//在下次dom更新循环之后执行的回调函数 异步刷新队列
vm.$el.textContent === 'new message' // true
console.log(vm.$el.textContent === 'new message' )// true
})
</script>
</body>
</html>