Vue3
基本兼容vue2代码
优点:
按需引用
组合api:更加接近原生js,更加直观
没有this,更有效的降低了代码的耦合性
xue3启动方式
var app = creatApp(app);
app.use(router).use(store)
.mount("#app")
全局方法定义
app.comfig.globalProperties.$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>