AI 助理
文档备案控制台
文章 2023-01-09 来自：开发者社区

vue3 源码学习，实现一个 mini-vue（九）：构建 renderer 渲染器之 ELEMENT 节点的各种属性挂载

highlight: vs2015theme: juejin前言原文来自 我的个人博客在前几章中，我们实现了 ELEMENT 节点的挂载、更新以及删除等操作。但是我们的代码现在还只能挂载 class 属性，而不能挂载其他属性。本章我们就来实现一下其他属性的挂载（ style 属性，事件 属性）1. 源码阅读：vue3 是如何挂载其他属性的我们从下面的测试实例开始阅读源码：<script&am...

vue3 源码学习，实现一个 mini-vue（九）：构建 renderer 渲染器之 ELEMENT 节点的各种属性挂载
文章 2023-01-08 来自：开发者社区

Vue3 中computed计算属性的使用

前言：目标：现在vue3的使用越来越普遍了，vue3这方面的学习我们要赶上，今天说一下vue3中computed计算属性的使用。什么是计算属性computed函数在vue2中我们都了解过，当我们需要一个值，这个值随着其他值变化而变化，我们就将其放进computed中，computed是用来定义计算属性的。模板当中的表达式虽然很方便，但也只能做简单的操作，如果在模板写太多逻辑，但会让模板变得很臃肿....

文章 2022-11-25 来自：开发者社区

Vue3入门指北（四）computed （计算属性）

前言当我们需要通过复杂的逻辑处理来得到我们想要的数据时，如果通过在模板中运用表达式计算的话，虽然很方便。但如果写太多的话，往往会使的整个模板变得臃肿，难以维护。而对于这种情况，vue3提供了 computed api帮助我们解决这种问题。下面就让我们来看一看。computed比如我们有如下一些信息：const class = reactive({ name: '五年二班', studen...

文章 2022-11-22 来自：开发者社区

Vue3中 ref 属性详解

1. Vue2 中的 ref 属性<template> <div class="wrap"> <div ref="box">box</div> <ul> <li v-for="i in 4" :key="i" ref="li">第{{i}}项</li> </ul>...

Vue3中 ref 属性详解
文章 2022-11-04 来自：开发者社区

两步教你用Vue3+TS实现input组件的v-model属性

前言使用过一些ui框架的同学应该都知道input里面的值有一个绑定的v-model属性，这篇文章教大家如何给自己定义的input组件写一个v-model的绑定属性第一步创建名为modelValue的属性：props: { modelValue: String },第二步在更新值的时候要发送一个名为update:modelValue的事件const updateValue = (e: ...

两步教你用Vue3+TS实现input组件的v-model属性
文章 2022-09-27 来自：开发者社区

【Vue3从零开始-第六章】6-5 compositionAPI中的计算属性

前言在上一篇的文章中，我们用之前学过的compositionAPI知识点开发一个TodoList，本章节中会和大家一起学习compositionAPI中的计算属性computed。回顾在【Vue3从零开始】前面几章基础知识的章节中也有学习过computed计算属性的概念，我们可以在vue实例中直接使用computed去计算两个值的和。<script> const app = Vu...

【Vue3从零开始-第六章】6-5 compositionAPI中的计算属性
文章 2022-09-26 来自：开发者社区

【Vue3从零开始-第三章】3-4 vue组件中你不了解的Non-Props属性

前言在上一章的文章中，我们了解了vue组件单项数据流的方式，今天我们继续深入了解一下vue组件中你不了解的Non-Props属性。回顾通过前面几篇文章的学习，我们知道组件传值的时候，是通过props去接收的，但是当我们在子组件中不使用props中的值时，页面上的DOM元素并不会显示父组件传递过来的属性。<script> const app = Vue.createApp({ ...

【Vue3从零开始-第三章】3-4 vue组件中你不了解的Non-Props属性
文章 2022-09-26 来自：开发者社区

【Vue3从零开始-第二章】2-4 数据、方法、计算属性和侦听器

前言在上一篇文章中，讲过了vue的模板语法，今天我们要深入了解一下vue的data/methods/computed/watch的用法。之前的文章中有用过部分内容，通过今天的文章，你将对vue的这些方法有一个更深层次的理解。data定义数据的时候，是在vue创建实例的时候去写一个data函数，这个函数在之前的内容中也是经常用到的。在data函数中，会把对应的数据通过return返回给模板，在模板....

【Vue3从零开始-第二章】2-4 数据、方法、计算属性和侦听器
文章 2022-04-26 来自：开发者社区

全面了解Vue3的 ref 以及相关函数和计算属性

基础类型的响应性 —— ref在vue3里面，我们可以通过 reactive 来实现引用类型的响应性，那么基础类型的响应性如何来实现呢？可能你会想到这样来实现：const count = reactive({value: 0}) count.value += 1 复制代码这么做确实可以实现，而且也很像 ref 的使用方式，都是要 .value 嘛。那么 ref内部 是不是这么实现的呢？我们先定义....

全面了解Vue3的 ref 以及相关函数和计算属性
文章 2022-04-26 来自：开发者社区

Vue3组件（19）如何优雅的给组件设置属性

属性，多乎哉不多也。原生HTML5提供了一些属性，然后UI库又在此基础上扩展了好多属性，所以与其说学习UI库，倒不如说是学习这些属性都是啥意思。当然平时在使用的时候还是挺轻松的，需要的属性就好，其他的用到的时候再去看就好。于是我们一般会按照官网的例子写属性值，比如这样：<el-switch v-model="value" active-color="#13ce66" inact...

Vue3组件（19）如何优雅的给组件设置属性

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

VUE.js属性相关内容

VUE.js更多属性相关

VUE.js您可能感兴趣

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。

+关注