1.使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置
2.在node.js中npm install -g @vue/cli 3.0版本
3.拉取2.0版本框架 vue initwebpack my-project
在安装好插件后创建项目
一.vue init webpack 项目名(不能有大写)版本2.0
这是2.0版本的脚手架
2.目录解读(2.0)
ESLint代码规范 ,取消ESLint在config里index里的ESLint : false取消,
3.runtime-compiler跟runtime-only区别
runtime-compiler : template >ast >render >vdom >UI
runtime-only:render > vdom >UI (代码更少,优化更好
二.创建项目 vue create 项目(不能大写)版本3.0
1.
这是3.0版本的脚手架
2.目录解读
3.修改配置
1.vue ui
2.在webpack里的Service.js
4.路由(routing)
1.路由:决定数据包从来源到目的地的路径
2.转送将输入端的数据转移合适的输出端
路由中有一个非常重要的概念叫做路由表
路由表本质上就是一个映射表,决定数据包的指向
3.修改url不会重新请求数据
1.location.hash = " "
2.history.pushState({ },""," ") histoty.back()取消 类似栈 后进先出
3.history.replaceState({ },""," ") 不可返回
4.histoty.back() === hostory.go(-1), +1是前进