54 lines
660 B
Plaintext
54 lines
660 B
Plaintext
vue react angular
|
||
|
|
||
尤雨溪
|
||
|
||
m（model）v（view）vm（view and model）
|
||
|
||
m（model） v（view）c（controller）
|
||
|
||
vue option api (原生js) 2.x
|
||
|
||
Vue({
|
||
data: {
|
||
a: "1"
|
||
},
|
||
methods: {
|
||
getdata() {}
|
||
}
|
||
})
|
||
|
||
|
||
vue class api 2.x
|
||
主要是：为了临时实现对 typescript 的支持
|
||
|
||
class Home extend Vue {
|
||
public a: string = "1";
|
||
getdata() {
|
||
}
|
||
}
|
||
|
||
vue 3 composition api (vue-next vue3.x)
|
||
|
||
setup() {
|
||
var a = ref(1)
|
||
|
||
const getdata = () => {}
|
||
|
||
return {
|
||
a,
|
||
getdata
|
||
}
|
||
}
|
||
|
||
vue 优势？
|
||
|
||
组件系统
|
||
响应式系统 页面 <---> 数据
|
||
|
||
|
||
|
||
String a = "1";
|
||
|
||
js + node.js + typescript
|
||
|