Vue3重点知识介绍

创建响应式对象: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

开发文档:next.router.vuejs.org/

Vuex文档

Github:https://github.com/vuejs/vuex

开发文档:vuex.vuejs.org

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值