Vue 學習1

一、安裝nodejs、vue-cli

在這裏插入圖片描述
在這裏插入圖片描述

二、安裝及使用webpack

在這裏插入圖片描述

在這裏插入圖片描述
在這裏插入圖片描述

在這裏插入圖片描述

三、Vue-router路由

在這裏插入圖片描述
思路:在components中創建一個vue組件,去index.js導入組件 並 配置路由,去App.vue 中使用
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述
在這裏插入圖片描述

四、Vue+ElementUI

1、創建一個名爲 hello-vue 的工程

vue init webpack hello-vue

2、安裝依賴

# 進入工程目錄
cd hello-vue
# 安裝 element-ui
npm i element-ui -S
# 安裝依賴
npm install
# 安裝 SASS 加載器
cnpm install sass-loader node-sass --save-dev
#啓動測試
npm run dev

五、嵌套路由

在這裏插入圖片描述

在這裏插入圖片描述

在這裏插入圖片描述

重定向
在這裏插入圖片描述
在這裏插入圖片描述

六、路由與404

在這裏插入圖片描述
在這裏插入圖片描述

七、路由鉤子

在這裏插入圖片描述在這裏插入圖片描述

在這裏插入圖片描述
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章