2、drf框架
django的插件，完成前后端分离项目后台接口编写的框架
学习的知识点：序列化组件 | 三大认证组件 | 分页，筛选，过滤，排序 | 请求，解析，响应
3、路飞项目
前端由vue完成，后台由drf完成的前后端分离项目
学习的知识点：git | 短信认证 | celery异步任务 | 项目上线
官方解释：Vue (读音 /vju?/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，
Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
通过对框架的了解与运用程度，来决定其在整个项目中的应用范围，最终可以独立以框架方式完成整个web前端项目。
""" vue框架 vue是前台框架：Angular、React、Vue vue：结合其他框架优点、轻量级、中文API、数据驱动、双向绑定、MVVM设计模式、组件化开发、单页面应用 vue环境：本地导入与cdn导入 """ # vue是js渐进式框架 # 根据开发需求，可以决定vue框架控制项目的具体方位：可以为一个标签，也可以为一个页面，甚至可以为整个项目
Vue是结合了Angular、React之上的浓缩版
(1)、什么是vue?
简单的理解就是可以独立完成前后端分离式web项目的JavaScript框架
（2）、为什么要学习Vue?
""" 三大主流框架之一：Angular React Vue 先进的前端设计模式：MVVM 可以完全脱离服务器端，以前端代码复用的方式渲染整个页面：组件化开发 """
(3)、special--特点
""" 单页面web应用 数据驱动 数据的双向绑定 虚拟DOM """
(4)、如何使用Vue?
生产版本：vue.min.js
导入在body之后，遵循html的代码加载的从上到下的原则，先执行完html代码才执行vue环境进行渲染，
vue的导入，只控制当前的标签内容，如有重复的也执行之前的那一个，一 一对应的关系，一个对应一个htnl.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>vue导入</title>
</head>
<body>
<div class="main">
123
{{ }}
abc
</div>
<div class="wrap">
{{ }}
</div>
</body>
<script src="js/vue.js"></script>
<!--<script src="https://cn.vuejs.org/js/vue.min.js"></script>-->
<script>
new Vue({
el: ‘.main‘
});// 和html代码内容一一绑定关系
new Vue({
el: ‘.wrap‘
})
</script>
</html>
e1代表挂载点,来控制对HTML内容的控制,或赋值
vue如何与html页面结构建立关联:通过挂载点
例子:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>挂载点的使用</title> </head> <body> <p>{{}}</p> <hr> <div class="main"> {{}} </div> <div id="warp"> {{}} <hr> <div class="main"> {{}} </div> <hr> <div class="main"> {{}} </div> </div> </body> <!--<script src="vuejs/vue.min.js"></script>--> <script src="https://cn.vuejs.org/js/vue.min.js"></script> <script> // new Vue({ // e1:‘.main‘, // }); // new VarDate({ // e1:‘body‘, // }); </script> <script> let b=20; 定义变量和var一样的 let dic={ a:10, b }; console.log(dic) </script> </html>
总结:
(1)、html与body不能作为挂载点
（2）一个vue对象挂载点只能匹配一个索引结果，一般用id标识
原文：https://www.cnblogs.com/Gaimo/p/11637550.html