Vue初学记录

网站开发，需要前端与后端的开发。前端指用户端、浏览器端，是用户能看得到的部分。后端指服务器端，是用户看不到的部分。前端开发，需要用到CSS3和HTML5以及JavaScript。后端开发能用的编程语言则很多了，主流的有python、java等，只要我们电脑能够使用的编程语言，服务端都能使用。目前流行前后端分离，后端只需要提供好接口就行了，前端直接使用后端的接口。

前端三大框架：Vue、react、Angular

Vue是目前中国使用比较多的框架，因为创造这个框架的是中国人——前谷歌员工Even You。React框架则是Meta公司（原Facebook公司）创造的框架，Angular是谷歌建立的框架。从最近GitHub的数据上看，Vue是目前全世界下载量最多的框架，第二大的为React，第三为Angular。

前端框架建立的目的，其实是为了方便开发，提高开发效率，降低开发难度。本质上，最后到浏览器那里，都是转换为CSS3、HTML5、JavaScript的语言。前端的开发，代码实现前，还需要设计UI界面，提高用户体验。因此，网站前后端开发分别对应三个职位——前端工程师、后端工程师、UI设计师。目前，每个前端框架，都有很快开源的UI库，这大大提升了前端开发的效率，降低了难度。Vue中一个主流的UI库，是饿了么团队开发的elementUI。

进入移动互联网时代，手机APP、微信小程序，都属于前端。手机的操作系统目前全球占比最多的，就两个——安卓和ios系统，其中安卓占比最高。而第三大的是微软的Windows phone，占比可以忽略不计。因此，手机APP的前端开发，可以分为安卓开发和ios开发，分别对应两个职位——安卓工程师、ios工程师。

后端java的框架有SpringBoot，后端python的web框架有Django、flask。

Django的优势：

1. 自带后台管理系统，不需要自己另行写代码创建管理员后台系统。

2. Python语言与自然语言“相近”，更好理解，更好编写。且网上资料齐全简单易学。开发时能够以解决问题为主，而不是耗费精力理解语言本身。

3. Django自带数据库访问组件，无需再花时间处理SQL数据库语言，以及数据库的配置等等。

4. Django功能齐全，自带大量常用工具和框架，能更轻松、快速的开发应用。

5. Django比较“重”，非常适合大项目、大工程的开发，这对企业提高效率、降低成本，至关重要。

项目计划：使用Vue3 + Django 4.2全栈开发网站，即前端使用Vue3，后端使用Django 4.2，前后端分离开发网站。

Vue3的IDE：VS code；Django 4.2的IDE：Pycharm。Vue3使用UI库：ElementUI plus。

开发进度：

1. 使用el-form、el-input、el-button等，构建登陆注册表单。

2. 用vue3自带的v-model进行数据的双向绑定，使用rule来对输入表单的数据进行验证。

3. 使用el-menu在页面顶部栏构建导航栏，且设置相应的页面跳转，配置route路由。

4. 在<script setup></script>中引入npm库等等。

5. 在<script></script>里面加入

export default {
  data() {
    return {
    }
  }

在return中，写入表单数据以及rule验证数据。

在methods中写入方法

methods: {
    login() {
    },
  }

6. 在<style></style>中加入CSS样式，修改页面布局，包括添加背景颜色。在项目文件中添加global.css，修改html、body的高度，不然div高度为零，背景颜色无法铺平整个页面。同时，修改最小宽度min-width，使得正常大小的页面（100%缩进）能够被刚好背景铺平。