vue常用知识点

1. vue中图片路径写法

             <img :src="avatorSrc" alt="">
             <img :src="avatorSrc2" alt="">

        data:function(){
            return {
                avatorSrc:"https://p.ssl.qhimg.com/dmsmty/74_100_100/t01073ee43c0b8459e4.webp",
                avatorSrc2:require("../../assets/avator.png"),//图片在本地
            }
        }

　　2.代码中实现路由跳转

<el-menu-item index="1-1" @click="goRouter('/workbench/Needs')">needs</el-menu-item>
<el-menu-item index="1-2" @click="goRouter('/workbench/Risk')">risk</el-menu-item>

// 路由跳转
Vue.prototype.goRouter = function(path){
  this.$router.push(path);
}

3.路由拦截设置页面title

// 路由拦截设置页面title
router.beforeEach((to,from,next)=>{
  if(to.name){ // name 在 路由中配置
    window.document.title = to.name;
  }
  next();
})