美文网首页
42. export || export default

42. export || export default

作者: yaoyao妖妖 | 来源:发表于2018-10-17 16:08 被阅读9次
    1. $route为当前router跳转对象里面可以获取name、path、query、params等
    2. $router为VueRouter实例,想要导航到不同URL,则使用$router.push方法
    返回上一个history也是使用$router.go方法
    

    export 与 import 的使用

    1. 单个文件的引入
    export var a = 'my name is xiaoming';
    然后一定要在hello模板中import该js
    import {a} from '../../export/a.js';
    注:from后面的路径要写对 然后不能写到app.vue或者main.js中因为是入口文件 里面import都是
    各种依赖包,其中{}是一定要有的 
    
    2. 多个文件的引入
    var a='my name is xiaoming',b='my name is xiaohong';
    export {a,b}
    然后import
    import {a,b} from '../../export/a.js';
    
    3. 如果不想暴露变量的名称:使用as可以重命名关键字
    var a='my name is xiaoming',b='my name is xiaohong';
    export {a as x, b as y}
    

    export default 的用法

    export 之后加上default意指默认接口的意思,在一个文件里面默认的只能有一个 其区别就是{} 
    在export中 引入需要用{}来盛放
    1. 单个变量
    var a='my name is xiaoming'
    export default a;
    import a from '../../export/a.js';
    
    2. 多个变量
    var a='my name is xiaoming',b='this is a bird';
    export default {
            a,
            b
     };
    在需要使用的js中
    import anyoneword from '../../export/a.js'
    console.log(anyoneword)//一个对象里面包含a,b两个变量。
    是不是发现和vue组件很像。 
    
    总结 
    其中export和export default最大的区别就是export不限变量数 可以一直写,而
    export default  只输出一次 而且 export出的变量想要使用必须使用{}来盛放,而
    export default 不需要 只要import任意一个名字来接收对象即可。 
    
    export default可以跟在非匿名函数之前,也可以跟在匿名函数之前,同时也可以是一个对象之前。
    

    import

    import  '**' from 'vue'直接寻找的是依赖包里的文件
    import '**' from './vue' 表示是同级文件下的js。
    

    https://www.cnblogs.com/pengaijin/p/7646524.html
    import的时候经常会发现少了一部分路径,建议看看阮一峰对这块的解释
    http://www.ruanyifeng.com/blog/2015/05/require.html

    相关文章

      网友评论

          本文标题:42. export || export default

          本文链接:https://www.haomeiwen.com/subject/ffjrzftx.html