// 例子
// 一个按钮点击之后更新文字

<button 
@click="testClick()" 
ref="btn"
> {{ testMsg }} </button>

// 方法
testClick(){
  let that = this;

  this.testMsg = '修改了哦'
  // Dom还没有更新
  console.log(this.$refs.btn.innerText); //输出：原始值
    
  Vue.nextTick(function(){
    console.log(that.$refs.btn.innerText); //输出：新值
  });
}

// Promise用法
Vue.nextTick()
  .then(function () {
    // DOM 更新了
  })

// js部分
Vue.filter('money', function(value){
  return '$ '+ value
})

// 模版
// 双花括号 由管道符 ｜ 表示
{{ 50 | money }}

Vue.set( target, propertyName/index, value )
{Object | Array} target
{string | number} propertyName/index
{any} value

// 例子
methods: {\
  // 对数据的下标进行赋值并不会改变视图。
  btn1Click(){
    this.items[0]={message:"直接更新消息1",id:'10'}
    console.log(this.items) // 数据已经更新，但是视图未刷新
  },
  btn2Click(){
      Vue.set(this.items, 0, { message: 'Vue.set更新消息1', id: '11' })
      console.log(this.items) // 数据已经更新，视图刷新
  },
}

// src/store/index.js
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vues) // 注册

...

// src/router/index.js
import Vue from 'vue';
import Router from 'vue-router'

Vue.use(Router);

const routes = [
      
]

export default router = new Router({
  routes,
})

var version = Vue.version
console.log(version, typeof(version));

// 2.6.10 string