抢走辣条还想跑

本文代码均可直接复制到 Vue演练场 运行 什么是 key key 是 Vue 提供的一种标签上的属性（attribute），使用方法和其他 attribute 一样。你可...

v-for 在 script setup 中声明的变量或方法，在 app.vue 的 template 部分都是可以使用的 v-for 指令的参数 item 和 index...

v-if 这里说的是真值，不是单单指 true，你传 [] 也可以，不过我们一般会判断数组长度大于0 [].length > 0 或者对象有属性 Object.keys({...

绑定内联样式 绑定对象 绑定响应式数据 绑定数组 自动前缀 如果浏览器不支持 transition ，会自动添加以下前缀： 样式多值 注意如果你的数组里面有多个元素，只要是...

绑定 HTML class 传递字符串 绑定响应式数据 绑定对象 绑定其他表达式 通过计算属性数组将上面的每种情况结合到一起 万变不离其宗，你只需要保证解析之后赋值给 cl...

最近接手了房产管理系统，主要实现了房产信息的维护、房产的日常管理流程（申请、延期、退房）、房产可视化、GIS地图展示等功能。项目中，需要实现楼层可视化的房产管理，结合楼层C...

一个类似PPT功能的图形编辑器框架，可以用于快速搭建图形编辑应用。 这是一个系列文章介绍如何基于 svg 逐步实现一个图形编辑器，内容较多将分为系列文章，逐步讲解实现步骤，...

v-if 这又是一个 Vue 内置的指令，如果传递的表达式返回值为真值，那么就会渲染这个标签及标签内的内容。 数据类型 为真值 为假值 boolean true false...

标签的 class 和 style 也属于 attribute，因此可以通过 v-bind 指令进行绑定。 先来复习一下 Vue 的指令： v-baz:value.foo=...

基础示例 你可以简单的把 computed 的返回值，认为是一个通过 ref() 声明的响应式数据，初始值就是传入 computed 的第一个参数的返回值。 当我们需要在其...

另一种声明响应式状态的方法是通过 reactive API 这句话的意思是：我们通过 reactive 创建一个变量如：const state = reactive({ c...

文档一开始标题就是 声明响应式状态 什么是响应式状态？ 能够被Vue检测到值的变化的变量就是响应式状态 最简单的响应式状态就是我们在编写Vue组件时，通过 ref 或者 r...

这段话表达的就是 开始/简介 那一篇文章里讲到的 声明式渲染 文本插值 文本插值是数据绑定的基本形式，语法是双大括号 Attribute 绑定 通过 v-bind 指令绑定...

应用实例 通过调用createApp 创建一个应用实例，第一个参数称之为跟组件，可以直接编写内联组件，或从外部导入一个组件 根组件 传入 createApp 的第一个参数称...

快速上手主要介绍了编写Vue的几种方式 在线编辑器 演练场 codesandbox StackBlitz 码上掘金，我会尽量采用这个来编写代码示例 创建本地Vue应用 根据...

Vue 2 发布于2016年， 已于2023年12月31日停止维护 什么是 Vue？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaS...