vue3初总结

vue3初总结

vue3初总结

兼容性

基本兼容vue2代码

优点:

• 按需引用
• 组合式api:更加接近原生js,
• 更加直观 没有this,更有效的降低了代码的耦合性

vue3的启动方式

var app=createApp(App)
app.use(router).use(store).mount("#app")

全局方法的定义

app.config.globalProerties.$mysay=function{}

set组合api

• ref 定义值类型数据
• reactive 定义引用类型的数据

 - import { ref,reactive} from 'vue' setup(){const
   num =ref(5); const list =reactive(["vue","react","angular"]) return
   {num,list} } 
   

{{num}} <p v-for="item in lsit">