P171 配置VSCode 插件

1. ESLint

   復制到設置右上角的settings.json中

   ?"editor.codeActionsOnSave": {

   ? ? ? ? "source.fixAll": true

   ? ? }

2. prettier

   安裝prettier插件時候發(fā)現(xiàn)少需要東西 首先將下方復制進settings.json

? "prettier.configPath": "C:\\Users\\xxxx\\.prettierrc",
? ?"eslint.alwaysShowStatus": true,
? ?"prettier.trailingComma": "none",
? ?"prettier.semi": false,
? ?// 每行文字個數(shù)超出此限制將會被迫換行
? ?"prettier.printWidth": 300,
? ?// 使用單引號替換雙引號
? ?"prettier.singleQuote": true,
? ?"prettier.arrowParens": "avoid",
? ?// 設置 .vue 文件中，HTML代碼的格式化插件
? ?"vetur.format.defaultFormatter.html": "js-beautify-html",
? ?"vetur.ignoreProjectWarning": true,
? ?"vetur.format.defaultFormatterOptions": {
? ? ? ?"js-beautify-html": {
? ? ? ? ? ?"wrap_attributes": false
? ? ? ?},
? ? ? ?"prettier": {
? ? ? ? ? ?"printWidth": 300,
? ? ? ? ? ?"trailingComma": "none",
? ? ? ? ? ?"semi": false,
? ? ? ? ? ?"singleQuote": true,
? ? ? ? ? ?"arrowParens": "avoid"
? ? ? ?}
? ?},

現(xiàn)在咱沒有.prettierrc 文件 新建一個文檔輸入

?{"semi": false, "singleQuote": true, "printWidth": 300}

然后保存? 退出之后 右擊重命名 將txt文檔改為.prettierrc

然后復制進 c盤/（如果你沒有找到Users）其實就是中文名的用戶

選擇你的用戶名 然后將.prettierrc?復制進行 并將剛復制進入的文件第一行改為

??"prettier.configPath": "C:\\Users\\（你復制進入的文件夾）\\.prettierrc",

比如我的是Administrator 就改為

"prettier.configPath": "C:\\Users\\Administrator?\\.prettierrc",

P172配置默認格式

我跟著老師的操作之后 發(fā)現(xiàn) 自動給方法 和屬性加了逗號?

然后我的.vue 文件出現(xiàn)報錯 然后我取消了 這一步操作?

大概率不會影響

P174 axios 封裝

?將main.js 導入axios?

在其他組件就可以不用導入直接使用

this.$http.get

this.$http.post

?

在main.js 中設置默認路徑?

直接使用

P175路由

npm i vue-router@3.5.2 -S

安裝路由包

其實在選擇 項目時候可以勾選 路由 以后也不用操作這步了

import Vue from 'vue'

import VueRouter from 'vue-router'

Vue.use(VueRouter)

const router = new VueRouter()

export default router

P180 小注意點?

在模塊化導入的時候 這時候會導入和默認加載路徑下的 index.js的文件

P181 路由使用方法?

實現(xiàn)三者切換

寫三個鏈接

在router 的index.js 進行定義

用path?與 組件進行連接

path :你訪問的hash值（必須不能寫#）

component：組件

組件需要導入

返回vue 主組件

寫一個占位符? 這是一個出口 沒有他 切換都看不到

P182 使用router-link 代替鏈接

P183redirect 重定向

當hash值為 / 時候 ?失效

在路由規(guī)則中寫?

可以寫 404頁面

P184????????嵌套路由

猶豫套娃的存在? 兩層路由的存在

在子組件中? 首先創(chuàng)建hash 訪問 與 占位符? 這是在子組件中?

在chidren 中的子組件中? hash值 不加/ 也可以加??

子組件 也需要引入 index.js中

P186 子路由的重定向問題

1.第一種辦法?redirect?

可以在屬性上加入

redirect ：‘地址’

2.第二種辦法 默認子路由