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