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
网友评论