1.開發環境vue訪問后端接口(前后端分離開發,解決不同的跨域訪問)
原理:開發環境下的跨域:在node.js上實現請求轉發,vue前端通過axios請求到node.js上,node.js將請求轉發給后端,反之響應也是，先到node.js上，然后轉發vue-cli項目上
2.如果你的前端應用和后端API服務器沒有運行在同一個主機上面，那么你需要在開發環境下將API請求代理到API服務器，這個問題可以通過vue.config.js中的devServer.proxy宣子昂來進行設置
注意：在一個vue文件中export const可以有多個，但是export default只有且僅有一個
具體流程：
一般前端的訪問接口通過axios實現，可以對請求進行整體的封裝，返回一個配置好的axios對象，也可以直接調用axios的具體方法
需要了解一個問題;axios
axios{{
url:'/user' //url是用於請求的服務器 URL
mehtod:'get' //創建請求時使用的方法 默認式get
baseURL:'https://some-domain.com.api/', //baseURL將自動加在‘url’的前面，除非url是一個絕對的url, 它可以通過設置一個baseURL便於為axios實例的方法傳遞響應的URL
transformRequest:[ function (data){
//對data進行任意的處理轉換
return data;
}]，
// `transformResponse` 在傳遞給 then/catch 前，允許修改響應數據
transfromResponse:[ function (data){
return data();
}]
}}
proxy根本不能解決跨域的 問題，最終要解決跨域問題還是要后端的配合，proxy只是在前端開發的時候，方便開發使用的東西而已，打包后就無效了。
指令：在VUE中所有的以v-開頭的HTML屬性都是叫做指令
指令的作用和Thyemeleaf中條件判斷等功能是一樣的
1.條件判斷
條件判斷最多的是支持 v-if=''表達式'' v-else-if=‘’表達式’‘ v-else
循環遍歷：v-for=‘’迭代變量In數組屬性‘’ :key=''迭代變量'' 此屬性必須寫，否則頁面報錯
<li v-for="subject in subjects" :key="subject">