Vue项目开发记录

标签：项目开发记录   开发记录   action   router   before   leave   路由基础   搭建   效果   

一、使用vue-cli搭建项目

1.路由的引入 index.js router.js

2.全局状态管理Vuex的引入 state.js mutations.js actions.js module {state,acction,mutations,modules:{}}

3.配置vue.config.js

4.配置项目文件夹

二、路由基础篇、路由进阶篇

1.router-link router-view组件

2.路由配置 动态路由、嵌套路由、命名路由、路由使徒

3.JS操作路由 

4.重定向路由

5.路由组件传参 

6.HTML history模式

7.导航守卫 beforEach afterEach beforRouteEnter next(vm=>{console.log(vm)}) beforeRouteLeave 判断页面如何是否离开  beforeRouteUpdate(to,from,next){}//页面复用

8.路由元信息 meta

9.过渡效果 transition transition-group

Vue项目开发记录

标签：项目开发记录   开发记录   action   router   before   leave   路由基础   搭建   效果   

原文地址：https://www.cnblogs.com/wayOfHero/p/12490978.html