AI 助理
备案控制台
文章 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-11-20 来自：开发者社区

vue 的一些指令记录

学习官网：https://cn.vuejs.org/index.htmlGitHub：https://github.com/vuejs/vuestar：31.6kv-ifv-forv-modelv-bindv-on’v-if 使用条件与循环来控制切换一个元素是否显示<!DOCTYPE html> <html> <head> <me...

vue 的一些指令记录
文章 2023-11-15 来自：开发者社区

03-Vue基础语法之指令语法与条件渲染

昨天我们对Vue的插值语法有了初步的了解后，今天学习Vue的指令语法，让我们一起看下去吧指令语法1.v-bind ——强制绑定数据特点：数据只能从data流向页面语法：`完整写法： <img v-bind:src="imgURL" alt=""> 简写 <img :src="imgURL" alt="">`注意：v-bind一般用在标签属性中。这里的 v...

03-Vue基础语法之指令语法与条件渲染
文章 2023-11-13 来自：开发者社区

Vue常见的指令及使用方法

在 Vue 中，指令是一种特殊的属性，用于在 HTML 元素上绑定数据和实现交互。Vue 提供了多个常见的指令，让我们来逐一介绍并给出使用示例。v-bindv-bind 指令用于绑定数据到 HTML 元素的属性，可以动态地更新元素的属性值。&lt;img v-bind:src="imageUrl"&gt;在上面的示例中，v-bind:src 绑定了 imageUrl 这个 Vue 实例中的数据到....

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

Vue指令大全：深入探索Vue提供的强大指令功能

Vue.js是一款流行的JavaScript框架，具备丰富的指令系统。Vue指令允许开发者直接在模板中添加特殊属性，以实现DOM操作、事件绑定、样式控制等功能。在本文中，我们将深入探索Vue提供的强大指令功能，并介绍常用的指令及其用法。v-bind指令v-bind指令用于动态地绑定HTML属性或组件的props。通过v-bind，我们可以将变量或表达式的值绑定到目标元素或组件上。<temp....

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

【Vue】大悟！模板语法-插值语法&指令语法

模板语法Vue模板语法包括两大类插值语法插值语法也就是两个大括号，也叫Mustache功能：用于解析标签体内容，可以进行运算、三元表达式等,将最终解析出来的内容插入到标签中写法：{{xxx}}，xxx 是 js 表达式，可以直接读取到 data 中的所有区域插值表达式中只能放置单个表达式，不支持语句块、循环、条件语句等插值表达式中的内容会被解释为JS 表达式，因此你可以在其中执行基本的JS 运算....

【Vue】大悟！模板语法-插值语法&指令语法
文章 2023-10-31 来自：开发者社区

14Vue - 模板语法（指令)

指令（Directives）是带有 v- 前缀的特殊属性。指令属性的值预期是单一 JavaScript 表达式（除了 v-for，之后再讨论）。指令的职责就是当其表达式的值改变时相应地将某些行为应用到 DOM 上。让我们回顾一下在介绍里的例子：&lt;p v-if="seen"&gt;Now you see me&lt;/p&gt;这里，v-if指令将根据表达式 seen的值的真假来移除/插入&a...

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

Vue系列（二）之 基础语法上篇【插值，指令，过滤器，计算属性监听属性】以及购物车实现

一. 插值1.1 文本数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值<div id="app"> <p>1.文本</p> {{msg}} </div> <script type="text/javascript"> new Vue({ e...

Vue系列（二）之 基础语法上篇【插值，指令，过滤器，计算属性监听属性】以及购物车实现
文章 2023-10-24 来自：开发者社区

Vue的插值、指令、过滤器、计算属性及监听属性，包涵所有基础技术

一、插值1.1  讲述Vue的插值是一种将数据动态绑定到HTML模板中的方式。通过插值，可以将Vue实例中的数据直接显示在HTML模板中，实现数据与视图的同步更新。Vue的插值使用双大括号{{}}来表示，可以在HTML标签的属性值和文本内容中使用。在插值中，可以使用Vue实例中的数据属性、计算属性和方法，也可以使用JavaScript表达式。插值的作用包括但不限于以下几个方面：1. 数....

Vue的插值、指令、过滤器、计算属性及监听属性，包涵所有基础技术
文章 2023-10-20 来自：开发者社区

Vue3实现图片懒加载及自定义懒加载指令

前言图片懒加载是一种常见性能优化的方式，它只去加载可视区域图片，而不是在网页加载完毕后就立即加载所有图片，能减少很多不必要的请求，极大的提升用户体验。图片懒加载的实现原理：在图片没进入可视区域的时候，只需要让 img 标签的 src 属性指向一张默认图片，在它进入可视区后，再替换它的 src 指向真实图片地址即可。本文就分享一下在vue3中实现图片懒加载的几种方式，包括使用插件以及自定义指令，实....

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

VUE.js指令相关内容

VUE.js更多指令相关

VUE.js您可能感兴趣

阿里巴巴终端技术

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

+关注