基於vue-cli+vue2+vuex+vue-router的仿簡書官網項目

• 由於guthub庫搜索vue2項目大部分都是移動端，因此本人仿照簡書官網做了pc端的實操項目。
• 本項目爲純前端實現，所有數據均爲前端自造。且僅實現了部分功能。
• github源碼地址 https://github.com/Tempta36/fangjianshu/

項目成果

環境搭建

npm install --gloabal vue-cli //全局安裝vue-cli
vue init webpack jianshu  //使用vue-cli初始化jianshu項目環境
npm install  //進入項目環境後，安裝依賴
npm run dev  //本地運行項目

項目結構

部分功能實現過程

• 路由
  在/src/router/index.js中配置路由，首先引入vue,vue-router插件，接着引入各個組件（按需加載）
  
  然後配置路由
  
  切記，切記Vue.use(Router);
  使用下面的方法實現判斷用戶有無權限進入要跳轉的頁面，在跳轉之前用戶有無登陸並做相應處理。
  
• 使用vuex進行狀態管理
  
  mutation-types.js配置常量，用於定義所有的mutation