入门案例

属性绑定

事件绑定

@s 简写

双向绑定表单

计算属性computed

axios

axios默认配置

 const _axios =  axios.create({
         baseURL:'http://localhost:8080'
        })

后端去处理跨越问题

axios响应格式

axios拦截器

请求拦截器

 _axios.interceptors.request.use( 
         function(config){
            //统一添加请求头
            config.headers={
                Authorization:'abc'
            }
            return config;
         }
      )

响应拦截器

  _axios.interceptors.response.use(
         function(response){
            //2xx 范围走这里
            return response.data;
         },
         function(error){
            //超出 2xx 这里
            if(error.response.status===401){
                //跳转到登录页面
                window.location.href='/login';
                return Promise.resolve(400);
            }else if(error.response.status===403){ 
                //跳转到403页面
            }
            return Promise.reject(error);
         }
      )

列表渲染

//打开页面就加载

mounted:function(){

},

router

配置

动态导入

嵌套路由

children与redirect

redirect用途会自动跳转到p1

页面布局路由跳转

导航菜单

动态路由