export default 和 new vue（）

最新推荐文章于 2025-03-24 16:44:24 发布
原创 最新推荐文章于 2025-03-24 16:44:24 发布 · 991 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#export default  和 new vue（）

本文详细解析了export default在Vue-router中的作用，解释了它是如何作为一个接口被外界调用，以及使用者如何通过导入并挂载到实例上进行使用的全过程。

在看vue-router相关的知识点时，看到了 export default 。细细品味一下，发现其实自己不太理解 export default。
那么 export default 是什么意思呢？
export default 看单词意思就是 默认输出，默认导出的意思

其实就是复用组件的一个过程。仍然以刚刚看的 vue-router 为例进行解释。
既然vue-router中我创建了一个router组件对所有的理由进行管理。那么创建好后，就需要有人使用它。
因此我就定义一个输出接口，可以为外界调用
而使用者在使用的时候，就要先导入，再进行使用（挂载到实例上）。具体过程如图
在这里插入图片描述

Vue中的export和export default{}用法
Gorden的博客
11-06 1万+
export default用法
Vue配置路由后启动报错：export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
明静致远
07-05 667
在package.json中可以看到Vue版本为2.6.14，vue-router版本为4.4.0。由于vue与vue-router版本不兼容导致异常。由于项目中使用vue2版本，所以安装vue-router时指定版本。main.js文件中也正确引入VueRouter包。
export default {} 和new Vue()区别
m0_37841468的博客
03-10 377
1.export default 的用法：相当于提供一个接口给外界，让其他文件通过 import 来引入使用。 而对于export default 和export的区别: 在JavaScript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其...
new Vue() 和 export default {}
hsany330的专栏
07-10 1582
在生成、导出、导入、使用 Vue 组件的时候，像我这种新手就会常常被位于不同文件的 new Vue() 和 export default{} 搞得晕头转向。它们含义到底是什么，又有什么异同呢？首先，Vue 是什么？ po 主的理解是 Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。所以渲染的时候，可以使用构造 Vue 实例的方式来渲染相...
vue中的export default和new Vue({})
橘居啾的博客
02-18 4742
vue中的export default和new Vue({}) Vue 是什么？ 相当于一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。 1.export default export default ：相当于提供一个接口给外界，让其他文件通过 import 来引入使用 name: 相当于全局id components: component: 组件 computed: methods: data: import Confirm from
关于使用Vue时export default 和 new Vue() 写法的区别
weixin_42787408的博客
12-29 1173
export default 和 new Vue()的区别。
vue的export default和new vue（{}）
热门推荐
晨曦的博客
12-05 1万+
最近看了些vue，查了一些资料才明白export default 是什么意思。。。     对于export defalut 在是输出，在vue里面的用法是用来输出组件，相当于把接口暴露在外部，共所有文件用import来调用，   而new vue（{}）是创建一个vue实例化，对组件进行数据操作
【Vue】export default function、export function 和普通 function 的主要区别
最新发布
weixin_52952064的博客
03-24 1228
export default function、export function 和普通 function 的主要区别
【学习Vue3】createApp与new Vue(一)
逍遥君の书库
08-13 853
创建实例时，会将 Vue 框架的所有 API 全部引入到项目中，即使其中一些 API 在项目中并未使用。而在 Vue 3 中，通过。特性，仅将实际使用到的 API 引入项目中。这种按需引入的方式显著减小了项目体积，从而提升了性能。都可以用来创建 Vue 实例，那么为什么 Vue 3 引入了。方法结合 ES6 的。
vue路由报错：138-17 export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘
04-29 871
版本对应：vue2搭配vue-router3vue3搭配vue-router4
export default {} 和new Vue()区别？
weixin_30527143的博客
06-03 262
export default 的用法：相当于提供一个接口给外界，让其他文件通过 import 来引入使用。 而对于 new Vue({})部分， 只是创建一个Vue的实例 就是相当于创建一个根组件 https://www.cnblogs.com/nx520zj/p/9617689.html export default {} 和new Vue()区别 转载于:https://www.c...
new vue({}) 与 export default {} 区别
九亿宅男的梦的博客
06-26 2442
1. new Vue({}) 是为了实例化,而export default {}是导出模块,供其他模块进行调用, new Vue({}) ->创建一个Vue的实例 就是相当于创建一个根组件；而export default 相当于使用Vue.component注册了一个全局组件或者是一个单纯的局部组件。就像一个模板一样，还没有被用到 。那在什么时候用呢。创建实例的时候 也就是 new Vue...
Vue的组件的export default，new Vue
weixin_41380972的博客
06-12 3699
Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块，例如： import Vue from 'vue'; import App from './App'; import router from './route'; import axios from 'axios'; import './less/index'; 　此外，你还可以在 bulid/web...
说明与比较：new Vue() 和 export default {}、export
weixin_39407291的博客
03-29 1437
在生成、导出、导入、使用 Vue 组件的时候，像我这种新手就会常常被位于不同文件的 new Vue() 和 export default{} 搞得晕头转向。它们含义到底是什么，又有什么异同呢？ 首先，Vue 是什么？ 是 Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。 所以渲染的时候，可以使用构造 Vue 实例的方式来渲染相应的 ht...
vue中export default和new vue的区别
请赐教
02-13 4378
整理来自 https://segmentfault.com/q/1010000009232993 其实两者之间是没有任何联系的... var vm = new vue({}) 是为了实例化，而export default {}是导出模块。 另外 export default和export的区别是：前者只能导出一个 ，后者可以导出若干个...
export default {} 和 new Vue() 的区别
qq_36437172的博客
08-11 1040
一、export default 1.export default：相当于提供了一个接口给外部使用，其他文件通过 import 引入使用。 export default { name: 'List', data () { return { list: [] } } } export default new VueRouter({ routes: [ { path: '/', component: () => impor
export default 和 new vue的区别
qq_41978004的博客
11-05 1126
export default ES6 Module语法中的命令，是为了方便 使用import命令时 必须要知道所加载的变量名或函数名，否则无法加载的问题。 export default命令并不是在每个文件中都是必须的。它的作用只是用于导出模块，在别的模块需要调用这个模块的时候，可以通过import命令引入使用的。 new Vue（{}） vue中创建根实例的方法。 当创建一个vue实例时...
Vue.js中的 new Vue() 和 export default {}区别
分享我的点点滴滴，在成长路上与你同行！
09-18 1万+
      在生成、导出、导入、使用 Vue 组件的时候，常常被位于不同文件的 new Vue() 和 export default{} 。       首先，Vue 是什么？ po 主的理解是 Vue 就是一个构造函数，生成的实例是一个巨大的对象，可以包含数据、模板、挂载元素、方法、生命周期钩子等选项。 所以渲染的时候，可以使用构造 Vue 实例的方式来渲染相应的 html 页面： ...
export default和new vue用法
03-16
export default是ES6中的语法，用于导出一个模块的默认值。在Vue中，我们可以使用export default来导出一个Vue组件，例如： ``` <template> <div> <h1>{{ message }}</h1> </div> </template> <script> export default { data() { return { message: 'Hello, Vue!' } } } </script> ``` 这个组件可以在其他Vue组件中通过import来引入并使用。 而new Vue则是Vue的实例化方法，用于创建一个Vue应用。例如： ``` new Vue({ el: '#app', data: { message: 'Hello, Vue!' } }) ``` 这个代码会在id为app的元素上创建一个Vue应用，并将message绑定到模板中。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值