创建响应式对象:ref/reactive
let name = ref('jack')
name.value = 'tom'
let user = reactive({name:'jack',age:30})
user.name = 'tom'
user.age = 28
钩子函数:
export default {
name:'user'
setup(){
let user = reactive({})
onMounted(()=>{
// init...
})
let computedName = computed(()=>{
return user.name;
})
return {
user,
computedName
}
}
}
全局挂载对象:
app.config.globalProperties.$request = request;
// 组件中获取
const { ctx } = getCurrentInstance();
ctx.$request.get("/api/users/list", params);
Vue全家桶官方文档
Vue3文档
Github:https://github.com/vuejs/vue-next
开发文档:v3.vuejs.org/
Vue-Router文档
Github:https://github.com/vuejs/vue-router-next
Vuex文档
Github:https://github.com/vuejs/vuex
开发文档:vuex.vuejs.org