一.vue框架
1.什么是vue框架
是一套用於構建用戶界面的漸進式框架，（漸進式就是指可以控制一個頁面的一個標簽，也可以控制一系列標簽，也可以控制整個頁面，甚至可以控制整個前台項目），並且可以獨立完成前后端分離式web項目的javascript框架（構建前端邏輯用，甚至可以直接創建整個項目，無需后端）
4、基礎指令 1）v-text：基本同{{}} 2）v-html：可以解析html語法的內容 3）v-on： v-on:事件="方法" => 系統傳參，只默認傳$event v-on:事件="方法($event, ...)" => 完全自定義傳參，可以手動傳入$event
2.vue框架的優勢
-
有指令(實現分支結構：比如登陸狀態；循環結構等)，可以實現復用頁面
-
有實例成員（過濾器，箭頭），可以實現對渲染數據 做二次格式化
-
有組件（模塊的復用或組合），快速搭建頁面
框架特點：
（1）單頁面web應用：只有一個頁面，實現頁面刷新只刷新數據，頁面不動
（2）數據驅動：只通過變量驅動，相對應的有一個dom驅動，dom驅動就是原生的js或jq，先獲取標簽在獲取對應的樣式等
（3）虛擬DOM：vue會將文件中寫的所有的頁面結構，樣式，邏輯存到內存中形成虛擬Dom，我們操作的也是虛擬DOM，然后再映射到真實的DOM，相當於緩存機制，加快了操作速度
（4）數據的雙向綁定：通過全局監聽，將多個標簽綁定在一個變量上
3.為什么學習vue
前台框架比如：Angular太過龐大，React精通移動端。而vue則吸取前兩者的優勢，是一個輕量級的js框架，並且他的一手文檔是中文，比較友好，還能實現前后端分離開發，節約開發成本
二.DRF框架
1）基礎的模塊：請求，響應，解析，渲染
2）序列化，三大認證
3）過濾，搜索，排序，分頁
4）異常，第三方jwt，restful接口規范
三.搭建vue環境
第一種方式：cdn搭建
<script src="https://cn.vuejs.org/js/vue.js"></script>
第二種方式：本地導入
# 新建一個文件夾，例如命名為vue，然后將vue文件放入
<script src="vue/vue.js"></script>
注意：
# 可以將引入的js邏輯放在body標簽后面，這樣及時在瀏覽器上展現出來也會在body標簽中，並且還滿足了由上到下的加載順序
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>
abc
</div>
</body>
<script src="vue/vue.js"></script>
</html>