Vue 2.0 Hello World

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">
  <p ref="test" id="test">{{ message }}</p>
</div>

JavaScript

new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue.js!'
  },
  mounted(){
  	// 当前数据未更新
  	// 打印的结果是更新后的数据数据
  	console.log(this.$refs.test);
    console.log(document.getElementById('test'));
  	this.$nextTick(function () {
      // DOM没有更新
      console.log(this.$refs.test);
    })
    // 后修改数据
    this.message = 'changed'
    }
})