一，原来直接用vscode编写代码：
学一门课最应该理解为什么学他，前景是什么，和原来课程相比有什么不同，老师很少告诉我们这些...
刚开始学前端，直接用vscode写代码，觉得创建网页非常简单，无非是：
html:结构
<html> <head> <title>HTML</title> </head> <body> </body> </html>
css:样式
定义字体，颜色等等
js:与Web客户交互作用
鼠标悬停，提交表单等等
Web开发中，后端有很多语言可以选择（SQL,Python,Java），前端只有js，其中jQuery（我只接触过这一个）可以简化js开发
二，为什么要用vite插件去实现vue：
区别于Webpack（一个打包工具，长时间后，打包速度下降），vite没有打包这个过程
为什么呢：
在index.xml中声明一个script标签，类型为module，请求到main.js后，其中的import会引起http请求获取vue文件，这时vite的koa服务器会拦截该请求，就不对该文件进行打包，实现按需加载，速度比webpack快
1.index.xml:
2.main.js:
三，vue文件和普通文件代码上共通点：
vue文件由这三部分构成：
<template></template>:相当于原来的js部分----交互
<script></script>:相当于html<body></body>部分----定义一些量
<style></style>:相当于html<style></style>部分或者css部分----样式
这里涉及到，css的多种书写方式：
内联：最开始学的 一种方式
缺点：我们后来不还学了用class,id等各种选择器来区分一些同名标签，一个页面很容易有 很多<p></p>标签，这个时候就要设置一堆选择器来区分，很麻烦，也容易错
行内：直接在标签里写，<p style=>
外联：在引用时，在文件index.html的body上下都可以，引用 <link rel="stylesheet" href=XXXXXXXXXXX.css"> 即可
这么多书写方法，总有先来后到之说：css的优先级为： 行内>内联>外联
下一篇写怎么实现vue项目
四，Vue和HTML5的区分：
刚刚讲到内联样式的缺点，其实这也是HTML的缺点：
学到后来，div套div，样式套样式，而代码始终要落地实现，这样也不好修改来满足用户新的需求啊。
而Vue不同，他是一种js框架，专注于成为视图，模型间的桥梁，比如：
vue有声明式，响应式的数据绑定，这样我现在想由单击某行，使背景色由黄色修改成粉色，直接改<script>中的代码就行，而html呢，要先找到<body>中该部分的选择器名称是什么，再返回<style>，修改对应选择器的样式代码。两步化简为一步，简单太多。
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
