Vue中 export与export default的区别及im

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,

}

逆战班