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

vue中ref与reactive区别与用法

前言在vue中ref和reactive是用于响应式数据的两种不同方式，ref和reactive是Vue.js框架中的两种关键概念。这两个概念都是用于实现响应式数据绑定的。ref：在Vue中，ref是一个用于在模板或实例中获取DOM元素或组件实例的特殊属性。ref属性可以被添加到任何Vue组件或HTML元素上，并且可以在组件或实例中使用$refs属性来访问它。在Vue中，ref是一个用于在模板或实....

文章 2023-12-13 来自：开发者社区

Vue3中的路由功能：安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由

Vue3是一款流行的JavaScript框架，它提供了许多强大的功能来简化前端开发。其中一个重要的特性就是路由管理。在Vue3中，我们可以使用Vue Router库来实现路由功能。本文将详细介绍Vue3中的路由功能，包括安装和配置Vue Router、路由的基本用法、动态路由、嵌套路由等方面。 安装和配置 首先，我们需要安装Vue Rout...

文章 2023-12-12 来自：开发者社区

Vue中各种混淆用法汇总

Vue是一个流行的JavaScript框架，许多开发人员都在使用它来构建动态Web应用程序。在使用Vue时，会遇到各种混淆的用法，这些用法可以让您更有效地使用Vue。在本篇文章中，我们将介绍Vue中各种混淆的用法，并提供相应的例子。1. v-bind和v-model的混淆v-bind和v-model都是Vue中非常常用的指令。v-bind用于将数据绑定到HTML元素属性中，v-model用于实现....

文章 2023-12-06 来自：开发者社区

技术博客：Vue中各种混淆用法汇总

技术博客：Vue中各种混淆用法汇总摘要本文主要介绍了在Vue中使用的一些常见混淆用法，包括new Vue()、export default {}、createApp()、Vue.component、Vue3注册全局组件、Vue.use()等，以及如何使用混淆器对代码进行加固，保护应用安全。引言在Vue开发中，对于新手来说，常常会被诸如new Vue()、export default {}等用法所....

技术博客：Vue中各种混淆用法汇总
文章 2023-11-28 来自：开发者社区

【Vue指令】—v-if、v-show二者用法及区别

【Vue】—条件渲染v-if指令和v-show指令条件渲染一、v-if指令使用指令v-if，当指令的值是true时就渲染，是false就不渲染二、v-show指令使用v-show指令，当指令是true时就显示，是false就隐藏三、二者的区别v-if 控制元素显示或隐藏是把dom元素整个的渲染或者删除，如果删除，也就是页面中不存在这个dom元素，以此达到隐藏的效果v-if在每次切换的时候都会重新....

【Vue指令】—v-if、v-show二者用法及区别
文章 2023-10-31 来自：开发者社区

28Vue - 列表渲染（基本用法）

我们用 v-for 指令根据一组数组的选项列表进行渲染。 v-for指令需要以 item in items 形式的特殊语法， items 是源数据数组并且 item 是数组元素迭代的别名。基本用法HTML:<ul id="example-1"> <li v-for="item in items"> {{ item.message }} </li>...

28Vue - 列表渲染（基本用法）
文章 2023-10-14 来自：开发者社区

【vue用法】Vue过滤器 filter

简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变成‘Hello World’，那么可用过滤器给值‘Hello’后面添加上‘ World’；或者把时....

【vue用法】Vue过滤器 filter
文章 2023-08-29 来自：开发者社区

vue指令和用法

v-text 渲染v-text 用于向所在的标签中渲染文本内容，不会解析标签 。v-html 也是用于向所在的标签中渲染文本内容，可以解析标签。v-text 与 v-html 会替换掉标签中所有的内容，而插值语法不会。注：一定要在可信的内容上使用 v-html，永远不要用在用户提交的内容上，避免坏人利用动态渲染，获取用户的 cookie 进行 XSS 攻击。v-bind v-bind  ...

文章 2023-08-29 来自：开发者社区

vue中 v-for循环的用法详解

1、v-for循环普通数组①创建vue对象② 循环数据结果：2、v-for循环对象数组① 创建vue实例对象② 循环对象数组结果：3、v-for循环对象①创建vue对象实例②循环对象结果：4、v-for循环数字①创建vue对象实例②循环数字结果：5、v-for中key的使用方式①创建vue对象实例注意：push()方法一般是添加到数组的最后的位置；unshift()方法是往最前面的位置添加。②循....

vue中 v-for循环的用法详解
文章 2023-08-22 来自：开发者社区

vue setup()用法

setup()是Vue 3中的新特性，它是用来设置组件的初始配置的。在setup()中，可以定义组件的状态（data）、事件（methods）和计算属性（computed），并且可以通过ref和reactive等API来创建响应式数据。以下是一些setup()的用法：定义响应式数据import { reactive } from 'vue'; export default { setup()...

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

VUE.js用法相关内容

VUE.js您可能感兴趣

阿里巴巴终端技术

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

+关注