terrybg

简介toRef作用：将对象某一个属性，作为引用返回。可能说法比较绕口，我们通过实例来说明这个问题。需求：我们实现触发事件，在只改动name的情况下，让product.name 和 name 的值都要从 电视机 改变成 空调，我们通过问题来引入toRef的应用场景问题代码一<template> <h2>product.name：{{ product.name }}</h2> <h2>name: {{ name }}</h2> &l

vue3中使用ref可以监听属性，但是写起来都要加.value。vue提供reactive函数，无需加.value ,但是reactive只能对对象提供响应式。所以我们平时用的时候 基本类型使用ref，引用类型使用reactive。为什么Vue3要这样设计呢？后续文章跟大家说一下原理，本章主要介绍reactive语法。使用ref 的写法import {ref} from 'vue';export default { setup(){ let num = ref(30); le

我们使用Vue3的setup，触发数据改变，但是数据不会及时更新到页面上，代码如下； <h2>{{ title }}</h2> <h2>{{ num }}</h2> <ul> <li v-for="(category, index) in categorys" :key="index"> {{ category }} </li> </ul> <button

在vue3是通过setup的方式来定义数据和参数，setup函数是Vue3核心的语法，它将代码都放在了setup中。Vue3的setup和Vue2 对比template中的代码跟vue2没啥变化，只是在使用v-for需要强制要求绑定key<h2>{{ title }}</h2><h2>{{ num }}</h2><ul> <li v-for="(category, index) in categorys" :key="index"