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