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 官方给出了两种安装方式，一种是用脚手架安装，一种是vite。以下是安装时需要注意，可能会影响你安装失败：1.node版本太旧了，或者要清除安装的缓存2.yarn, cnpm是否安装更新3.网络不好，推荐使用淘宝镜像使用Vue脚手架创建Vue3项目卸载之前Vue 2的脚手架npm uninstall vue-cli -g# ORyarn global remove vue-cli全局安装最新版本的Vue Clicnpm install -g @vue/cli# ORy