Vue入门学习指导

# Vue入门学习指导

vue的学习需要转变思想，之前可能是DOM编程的思想，现在要转变为数据只会界面的思想(函数处理界面的思想)

Vue-cli,vite

vue-cli是封装的webpack

webpack = webpack core(js) + loader(比如ts，css...) + plugin

vite本身就是一个前端工具链集成

vite现在本身就是esbuild + rollup的混合体

5.x

至少需要nodejs14以上的版本。这是由于ES升级了，支持了可选链?. ??。。。类的私有属性#....

nodejs版本请选择偶数，不要选择奇数版本

Vue-cli也支持vue3 + ts，不过最低版本要求是4.5.6

需要注意history路由的404问题：

只是history会出现，hash路由并不会出现。

history路由开发阶段处理：

devServer: {
  port: 3000,
  open: true,
  setupMiddlewares: require("./mock"),
  //historyApiFallback: true // 解决history模式路由刷新404问题
},

开发部署测试阶段，比如preview的时候：

"preview":"serve ./dist -l 4000 -s"

线上环境 nginx

location / {
  try_files $uri $uri/ /index.html
}