Vue 中 export及export default的区别

　　相信很多人都在vue使用过export、export default、import，然而它们到底有什么区别呢？

　　在ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export default仅有一个。

　　具体使用：

//demo1.js
export const str = 'hello world'export function f(a){return a+1
}

　对应的导入方式：

//demo2.js
import { str, f } from 'demo1' //也可以分开写两次，导入的时候带花括号

　export default的使用

//demo3.js
export default const str = 'hello world'

对应的导入方式：

//demo4.js
import str from 'demo1' //导入的时候没有花括号

转载于:https://www.cnblogs.com/fangshidaima/p/7206137.html

Vue 中 export及export default的区别相关推荐

面试官：Vue中组件和插件有什么区别？
一.组件是什么回顾一下对组件的定义: 组件就是把图形.非图形的各种逻辑均抽象为一个统一的概念(组件)来实现开发的模式,在Vue中每一个.vue文件都可以视为一个组件组件的优势降低整个系统的耦合度 ...
面试题： Vue中的 computed 和 watch的区别
computed computed看上去是方法,但是实际上是计算属性,它会根据你所依赖的数据动态显示新的计算结果.计算结果会被缓存,computed的值在getter执行后是会缓存的,只有在它依赖的属 ...
vue学习：vue中data和return data的区别
在简单的vue实例中看到的Vue实例中data属性是如下方式展示的: let app= newVue({ el:"#app", data:{ msg:'' }, methods:{ ...
Vue中的 computed 和 watch的区别
computed computed看上去是方法,但是实际上是计算属性,它会根据你所依赖的数据动态显示新的计算结果.计算结果会被缓存,computed的值在getter执行后是会缓存的,只有在它依赖的属 ...
vue中Computed、Methods、Watch区别
一.methods.watch.computed的区别 computed 属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要当作属性来使用: methods 方法表示一个具体的操作,主要书 ...
Vue中，views和components的区别
在Vue.js中,views和components都是Vue文件,但是它们有不同的作用和使用方式. Views Views是指应用程序中的页面,在Vue.js中通常使用Vue Router实现路由功能 ...
VUE中数组赋值push与=的区别
最近做项目时(vue2.0)遇到此坑耗费不少时间,分享如下: data中定义初始结构: data:function(){ return { optionsArr: [{name ...
vue 中v-model和v-decorator的用法区别
v-model:是双向数据绑定,啥为双向绑定,即为绑定的是个变量,当变量的值改变,双方都会跟着改变.也可用于form表单. v-decorator:一般用于form表单下的a-form-item 下的 ...
浅析Vue中ref属性与getElementById的区别
在常规html标签中应用 <div id="test" ref="test">test</div> console.log(docume ...
vue方法调用失败后多次调用_浅析Vue中 computed / watch / methods的区别
思考:请说下Vue中computed 和 watch 的区别( 面试题 ) 构造选项 computed / watch / methods computed ● computed 起初构想在Vue的 ...

Vue 中 export及export default的区别

Vue 中 export及export default的区别相关推荐

最新文章

热门文章