鍍金池/ 問答/HTML/ vue項(xiàng)目控制臺(tái)調(diào)試問題

vue項(xiàng)目控制臺(tái)調(diào)試問題

之前沒用cli的時(shí)候,用傳統(tǒng)的html形式引用vue可以通過給最外出的vue實(shí)例命名

var myapp=new Vue({
el:'#app',
data:{
  a:1
}
})

然后在控制臺(tái)輸入myapp.a=2改變里面data的值,這樣在微信開發(fā)工具調(diào)試很方便

但是用了vuecli構(gòu)建項(xiàng)目之后在瀏覽器的控制臺(tái)輸入應(yīng)該怎樣才能改變vue實(shí)例的值呢?
在main.js的文件給根實(shí)例命名了也是undefined

var myapp=new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

到底要怎么弄呢,求教

問題描述

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

回答
編輯回答
孤巷

clipboard.png

2018年1月20日 17:43
編輯回答
熟稔

可以在生命周期里面搞啊

created () {

   window.myApp = this

}
2017年4月11日 00:13
編輯回答
兮顏

改成window.myapp呢

window.myapp=new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})
2018年9月7日 09:31