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中看到;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM