Debugging problems with vue Project console

when cli is not used before, referencing vue in traditional html form can be done by naming the most outgoing vue instance

var myapp=new Vue({
el:"-sharpapp",
data:{
  a:1
}
})

then enter myapp.a=2 in the console to change the value of data, which is convenient for debugging in Wechat development tools

but how can I change the value of the vue instance by typing in the browser"s console after using vuecli to build the project?
the root instance is also named undefined in the file of main.js

var myapp=new Vue({
  el: "-sharpapp",
  router,
  components: { App },
  template: "<App/>"
})

what exactly are you going to do? ask for advice

problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

May.12,2021

you can do it in the life cycle

created () {

   window.myApp = this

}

clipboard.png


change it to window.myapp

window.myapp=new Vue({
  el: '-sharpapp',
  router,
  components: { App },
  template: '<App/>'
})
Menu