Vue中 export与export default的区别及import 的使用

export与export default的区别

export  导出

    import {a,b} from './util'  需要加花括号 里面可以是一个或多个

export default 导出

    import a from './util'  不需要加花括号 只能一个一个导入

import的使用

1.引入单个方法

    import {a} from './util'  需要export方法导出

2.导入成组的方法

    import *as tools from './tools'  其中tools.js中有多个export方法

vue使用:

    Vue.prototype.$tools  = tools

    然后直接调用 this.$tools.method

3.导入css文件

    import 'a.css'

    如果在 .vue文件中那么外面套个style

    <style>

        @import './test.css'

    </style>

4。导入组件

import nam2 from './name2'

import name1 from './name1'

components:{

name1, name2,

}

逆战班

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。