vue中 var vm = new vue({}) 与 export default {} 有什么区别?如何理解?

木杉_佑
  • 423
vue中 var vm = new vue({}) 与 export default {} 有什么区别?如何理解?

如果使用  var vm = new vue({}) 进行实例化,在浏览器端console可以进行调试,直接打印vm;

如果是  export default {}  怎么进行调试?只能使用  vue 的 浏览器插件吗?
回复
阅读 30.1k
8 个回答
✓ 已被采纳

export default {} 跟 var vm = new Vue({})
完全不是同一回事.
前者是es6的module中的语法,后者是创建一个vue实例.
我想引起你的误解是因为你用了webpack开发vue同时用了vue-loader.
其实这最终会通过vue-loader处理成原生js代码.即无论如何都要new Vue()

为什么会将这两个毫不相干的东西进行比较呢...
var vm = new vue({}) 是为了实例化,而export default {}是导出模块,供其他模块进行调用, 这完全是两回事啊。

export default {}只是导出的一个作用,相当于你写了一个函数function a(){}, 这个function a只是被定义了,没人调用它,并没有运行,所以没运行你怎么调试...

首先你要搞清楚 export default 的用处。。是用来导出的 。。就相当于暴露了一个接口给外界,让你其他文件可以通过 import 来引入使用的啊

另外 export default和export的区别是 前者只能导出一个 ,后者可以导出若干个

一般都是导出一个组件。然后去父组件中定义引入就能使用。

vm = new Vue({}) ->创建一个Vue的实例 就是相当于创建一个根组件

前者返回的是个对象,对于 Vue 而言是个 component option,后者返回的是个 Vue 的实例,鲜活的。

我强势答一波吧:
export default 我认为相当于使用Vue.component注册了一个全局组件或者是一个单纯的局部组件。就像一个模板一样,还没有被用到 。=那在什么时候用呢。创建实例的时候 也就是 new Vue({})创建一个实例之后 如果这个根实例中有调用这个组件,这时就发挥作用啦。

贱贱的梦想
  • 3
新手上路,请多包涵
Stevenlii
  • 1
新手上路,请多包涵

export default与var vm = new vue({})代码是可以写在一起的吗?到底怎么写?

宣传栏