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

Question

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

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

如果是  export default {}  怎么进行调试？只能使用  vue 的 浏览器插件吗？

Answer 1

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

Answer 2

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

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

Answer 3

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

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

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

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

Answer 4

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

Answer 5

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

Answer 6

组件注册了解下？

Answer 7

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

Answer 8

上面这些人，你们都不明白他的意思吗？我的理解是，他问的是，比如在html页面中，有人写的是new Vue();而有的人写的是export default{};然后两者都可以。也可以理解成为什么export default也可以？既然它是ES6的语法，跟VUE有什么关系。哎，你们的回答都是别人知道的，而不是提问的人想问的。