vue中export default 在console中是this.$vm

vue中export default 在console中是this.$vm

用vue-cli搭出框架，用webstorm進行開發，參考vue2的官網進行教程學習，

在vue-cli中是用es6的export default寫法寫的，因此vue2教程中的

  var app2 = new Vue({

    msg:'Weilcome !!'

  })

就變爲了

export default{

  name: 'app2',

  data(){

    return {

      msg:'Welcome!!'

    }

}

}

而教程中說的在console中直接修改app2.msg，也變爲this.$vm.msg;

很差意思，說錯了；

須要在chrome中安裝Vue DevTools插件，而後刷新頁面以後，點擊一下Vue樹狀結構中的App，

才能夠在console中看到；