Vue3基本兼容vue2代码
优点:
按需引用
组合式api:更加接近原生js,更加直观
没有this,更有效的降低了代码的耦合习惯
vue3启动方式:
var.app = createApp;
app.use(roter).use(store).mount("#app")
全方法定义:
app.coniig.globaiProperties.$mysay=function(){}
setup组合api:
ref 定义值类型的数据
reactive 定义引用类型的数据
import {ref,reactive} from 'vue'
set(){
const num = ref(5);
const list reactive([ "vue","react","angular" ])
return {num,list}
}
{{num}}
<p v-for="item in list" :key="list"></p>