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