vue中export default和new vue的区别

最新推荐文章于 2024-08-23 14:49:37 发布
最新推荐文章于 2024-08-23 14:49:37 发布
阅读量4.3k 收藏
点赞数 1
分类专栏： 个人 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TheWise_lzy/article/details/87208841
版权

整理来自 https://segmentfault.com/q/1010000009232993

其实两者之间是没有任何联系的...

var vm = new vue({}) 是为了实例化，而export default {}是导出模块。

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

TheWise_lzy
关注
专栏目录
Vue中的export和export default{}用法
Gorden的博客
11-06 1万+
export default用法
new vue({}) 与 export default {} 区别
九亿宅男的梦的博客
06-26 2382
1. new Vue({}) 是为了实例化,而export default {}是导出模块,供其他模块进行调用, new Vue({}) ->创建一个Vue的实例 就是相当于创建一个根组件；而export default 相当于使用Vue.component注册了一个全局组件或者是一个单纯的局部组件。就像一个模板一样，还没有被用到 。那在什么时候用呢。创建实例的时候 也就是 new Vue...
export default {} 和 new Vue() 的区别
qq_36437172的博客
08-11 970
一、export default 1.export default：相当于提供了一个接口给外部使用，其他文件通过 import 引入使用。 export default { name: 'List', data () { return { list: [] } } } export default new VueRouter({ routes: [ { path: '/', component: () => impor
vue export的用法
最新发布
weixin_41203765的博客
08-23 773
在Vue.js中，export关键字主要用于模块化编程，它允许你将一个文件（模块）中的代码、组件、函数、变量等导出，以便在其他文件中通过import语句来使用。这在Vue项目中非常常见，特别是当你需要重用组件、工具函数或配置时。
关于使用Vue时export default 和 new Vue() 写法的区别
weixin_42787408的博客
12-29 855
export default 和 new Vue()的区别。
new Vue() 和 export default {}
hsany330的专栏
07-10 1533
在生成、导出、导入、使用 Vue 组件的时候，像我这种新手就会常常被位于不同文件的 new Vue() 和 export default{} 搞得晕头转向。它们含义到底是什么，又有什么异同呢？首先，Vue 是什么？ po 主的理解是 Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。所以渲染的时候，可以使用构造 Vue 实例的方式来渲染相...
export default {} 和new Vue()区别
qq_32741973的博客
09-10 2358
new Vue()是 创建一个vue实例，例如在项目里： export default {}是导出模块,供其他模块进行调用
解决vue中修改export default中脚本报一大堆错的问题
10-18
在开发Vue应用的过程中，我们经常需要修改组件文件（.vue文件），而在修改文件内容时，尤其是涉及到export default关键字的部分，常常会遇到脚本报错的问题。这些问题往往让开发者感到困惑，因为报错信息可能并不...
Vue的export、export default、import
u014228767的博客
12-09 1475
重点： 1）ES6模块主要有两个功能：export和import 2）在一个文件或模块中，export、import可以有多个，export default仅有一个 3）export读作 xport 意思是输出；import读作mport 意思是输入 4）输出 var a=1; var b=c; function add(x,y){ return x+y; } //输出可写作 export{ a, b, add } 也可写作 export {a} export {.
【每日知识】Vue 组件 export default 内的属性
qq_46580087的博客
04-18 7806
遇到困难别慌，想想自己的主角光环。
export default 和 new vue（）
Ada_lake的博客
10-21 888
在看vue-router相关的知识点时，看到了 export default 。细细品味一下，发现其实自己不太理解 export default。 那么 export default 是什么意思呢？ export default 看单词意思就是 默认输出，默认导出的意思 其实就是复用组件的一个过程。仍然以刚刚看的 vue-router 为例进行解释。 既然vue-router中我创建了一个rout...
Vue中export default{}和new Vue()的区别
Kwoky的博客
12-11 3533
新手常常会被位于不同文件的 new Vue() 和 export default{} 搞得晕头转向。 Vue 就是一个构造函数，new Vue({})生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。所以渲染的时候，可以使用构造 Vue 实例的方式来渲染相应的 html 页面： new Vue({ el: '#app' ... }) 在Jav...
export default {} 和new Vue()区别？
weixin_30527143的博客
06-03 223
export default 的用法：相当于提供一个接口给外界，让其他文件通过 import 来引入使用。 而对于 new Vue({})部分， 只是创建一个Vue的实例 就是相当于创建一个根组件 https://www.cnblogs.com/nx520zj/p/9617689.html export default {} 和new Vue()区别 转载于:https://www.c...
vue的export default和new vue（{}）
热门推荐
晨曦的博客
12-05 1万+
最近看了些vue，查了一些资料才明白export default 是什么意思。。。     对于export defalut 在是输出，在vue里面的用法是用来输出组件，相当于把接口暴露在外部，共所有文件用import来调用，   而new vue（{}）是创建一个vue实例化，对组件进行数据操作
export default 和 new vue的区别
qq_41978004的博客
11-05 1080
export default ES6 Module语法中的命令，是为了方便 使用import命令时 必须要知道所加载的变量名或函数名，否则无法加载的问题。 export default命令并不是在每个文件中都是必须的。它的作用只是用于导出模块，在别的模块需要调用这个模块的时候，可以通过import命令引入使用的。 new Vue（{}） vue中创建根实例的方法。 当创建一个vue实例时...
vue中的export default和new Vue({})
橘居啾的博客
02-18 4612
vue中的export default和new Vue({}) Vue 是什么？ 相当于一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。 1.export default export default ：相当于提供一个接口给外界，让其他文件通过 import 来引入使用 name: 相当于全局id components: component: 组件 computed: methods: data: import Confirm from
new Vue() 和 export default {}的区别
m0_37549178的博客
06-17 354
new Vue() 和 export default {} 的区别 Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。 所以渲染的时候，可以使用构造 Vue 实例的方式来渲染相应的 html 页面： new Vue({ el: '#app' ... }) 而export default{}是在复用组件的时候用到的。在一个...
vue中 export default defineComponent和export default有什么区别
03-22
在Vue中，`export default`和`export default defineComponent`之间有一些区别。下面是它们的区别： 1. `export default`：这是ES6模块语法中用于导出默认值的关键字。当你使用`export default`导出一个对象时，该对象将成为导入模块的默认导出。这意味着在导入模块时，你可以选择不使用花括号来引入默认导出的对象。例如： ```javascript // 导出模块 export default { data() { return { message: 'Hello Vue!' } } } // 导入模块 import MyComponent from './MyComponent.vue' ``` 在上面的例子中，`MyComponent`将成为默认导出的对象。 2. `export default defineComponent`：这是Vue 3中的新特性。`defineComponent`是Vue提供的一个函数，用于定义组件选项。通过使用`defineComponent`，你可以在Vue 3中更好地支持类型推断和编辑器支持。例如： ```javascript // 导出模块 export default defineComponent({ data() { return { message: 'Hello Vue 3!' } } }) // 导入模块 import { defineComponent } from 'vue' import MyComponent from './MyComponent.vue' ``` 在上面的例子中，`defineComponent`函数用于定义组件选项，并且需要从`vue`模块中导入。然后，你可以使用`import`语句导入组件。 总结： - `export default`用于导出默认值，可以在导入模块时省略花括号。 - `export default defineComponent`是Vue 3中的新特性，用于定义组件选项，并且需要从`vue`模块中导入。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值