Vue 技术提点

1、路由如何设置404页面

 注：配置404页面一定要在路由表的最后一个，放在*的下面路由是不起作用的

2、给路由增加公共前缀

(1)给静态资源加前缀有两种方法：

•       在config / index 文件里修改dev(npm  run dev本地启动项目时)和build(npm run build 打包时)下的  assetsPublicPath:”/前缀”

• 在npm run build打好的dist包里 ，/dist/config/index.js文件中修改 ['domain']=“/前缀”   也可以

（2）给路由加前缀：而且路由模式用的是hash，

3、vue路径中去掉#

路由默认是hash模式，改成history模式，可去掉#号。而且可以使用 pushState 和 replaceState 来管理记录。

4、子路由不需要加"/"

在配置的路由后面，添加 children，并在 children 中添加二级路由，就能实现路由嵌套

配置 path 的时候，以 " / " 开头的嵌套路径会被当作根路径，所以子路由的 path 不需要添加 " / "

5、axios如何取消请求

Axios 提供了一个 CancelToken的函数。参考

vuex数据持久化vuex-persist

6、props传值验证

 props: { 
  data1: {
    type: String, //设定类型
    required: true, //是否必须
    default: 'default value', //默认值  
    validator (value) {   return (value.length < 5)  } }, //校验规则 返回false 校验失败
 }}

7、vue打开新窗口

页面跳转一般使用this.$router.push  ，this.$router.go(n)。打开新页面如下：

let routeData = this.$router.resolve({
   name: "searchGoods",
   query: params,
   params:{catId:params.catId}
});
window.open(routeData.href, '_blank');