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