75 lines
1005 B
Plaintext
75 lines
1005 B
Plaintext
前端发展三个阶段
|
||
|
||
1：第一阶段（后端渲染）
|
||
|
||
2：mvc 化前端开发
|
||
|
||
nodejs
|
||
|
||
3：mvvm 年代（去dom化的年代）
|
||
|
||
mvvm： vue.js jsx react.js angular.js
|
||
|
||
尤雨溪
|
||
|
||
php laravel thinkphp yii
|
||
|
||
m（model 数据）v（view 页面）c（controller 控制器）：
|
||
|
||
/home.php (controller)
|
||
|
||
|
||
m(model 数据) v(view 视图) vm（view model）：
|
||
|
||
model ajax请求到的数据
|
||
|
|
||
|
|
||
vm
|
||
|
|
||
|
|
||
view 你写的html页面
|
||
|
||
vue.js 发展史
|
||
|
||
vue 1.x
|
||
|
||
vue 2.x
|
||
1: option api 5
|
||
|
||
typescript
|
||
|
||
2: class api 对 typescript 的一次兼容
|
||
2
|
||
|
||
vue 3.x 基于 typescript 重写的一些vue版本
|
||
3: Composition API
|
||
3
|
||
|
||
|
||
vue-router 专门负责页面跳转和切换的
|
||
|
||
spa 单页web应用
|
||
|
||
hash
|
||
|
||
http://www.a.com/#/index
|
||
http://www.a.com/#/about
|
||
|
||
history
|
||
|
||
http://www.a.com/index
|
||
http://www.a.com/about
|
||
|
||
|
||
两种传参方式：
|
||
|
||
query
|
||
http://www.a.com/#/index?id=1&page=2
|
||
this.$route.query
|
||
|
||
params
|
||
http://www.a.com/#/index/1/2
|
||
this.$route.params
|
||
|
||
this.$route 路由参数信息
|
||
this.$router 路由实例 |