75 lines
1023 B
Plaintext
75 lines
1023 B
Plaintext
angular react vue 尤雨溪
|
||
|
||
m（model ajax获取到的数据） v（view 页面） vm（view and model） 模块
|
||
// dom操作
|
||
// 去dom 化
|
||
|
||
m（model）v（view）c（controller）模式 纯服务端渲染的网站开发
|
||
|
||
laravel
|
||
|
||
|
||
vue 1.x
|
||
|
||
vue 2.x
|
||
|
||
option api vue 不适合做大型项目开发
|
||
60%
|
||
|
||
class api 过渡阶段 语法
|
||
5%
|
||
|
||
@Componect
|
||
class Home extends Vue {
|
||
|
||
}
|
||
|
||
vue3.x nodejs + typescript
|
||
composition api 35%
|
||
|
||
setup() {
|
||
|
||
var test = function() {
|
||
|
||
}
|
||
|
||
return {
|
||
test
|
||
}
|
||
}
|
||
|
||
|
||
vue 优势：
|
||
|
||
数据双向（view and model）绑定 & 响应式
|
||
|
||
组件系统
|
||
|
||
|
||
|
||
计算属性和侦听器
|
||
组件
|
||
|
||
混入 mixins this 指向
|
||
更合理的代码封装（解决this指向问题）
|
||
自定义指令
|
||
过滤器
|
||
|
||
|
||
vue-router
|
||
|
||
vue第二种用法 （详细的介绍第二种用法的文件结构和规范注意事项）
|
||
|
||
|
||
demo
|
||
封装vue脚手架
|
||
做项目........
|
||
|
||
|
||
vue cli 脚手架
|
||
|
||
vue 2.x
|
||
vuecli 2.x 自己的文件夹结构
|
||
|
||
vue 3.x
|
||
vuecli 3.x 4.x 5.x 文件结构变化很大 |