文章 2022-09-26 来自:开发者社区

【Vue3从零开始-第一章】1-2 v-on和v-if指令

案例介绍字符串反转首先,我们改造一下上一篇的代码Vue.createApp({ data(){ return { content: 'hello world' } }, methods: { handleBtnClick(){ alert('点击了') } ...

【Vue3从零开始-第一章】1-2 v-on和v-if指令
文章 2022-09-22 来自:开发者社区

Vue第二天---Vue指令(下)

1.8 v-oncev-once:不需要表达式,只渲染元素或组件一次;以后渲染时,组件/组件及下面的子元素都当成静态页面不再被渲染<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-once demo</title> ...

Vue第二天---Vue指令(下)
文章 2022-09-22 来自:开发者社区

Vue第二天---Vue指令(上)

Vue指令指令(directives) 是Vue中最常用的功能,以带有v-前缀的特殊属性形式呈现,主要负责当表达式的值改变时,将其产生的连带影响响应式地作用于DOM指令又分内置指令和自定义指令1.内置指令1.1 v-bindv-bind:响应并更新DOM特性主要用法:绑定属性,动态更新HTML元素上的属性例子&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt;....

Vue第二天---Vue指令(上)
文章 2022-08-09 来自:开发者社区

vue再读15-系统指令v-for对象

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

vue再读15-系统指令v-for对象
文章 2022-08-09 来自:开发者社区

vue再读14-系统指令v-for

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

vue再读14-系统指令v-for
文章 2022-08-09 来自:开发者社区

vue再读17-系统指令v-bind

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

文章 2022-08-09 来自:开发者社区

vue再读18-系统指令v-model

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

vue再读18-系统指令v-model
文章 2022-08-09 来自:开发者社区

vue再读30-系统指令v-once

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

vue再读30-系统指令v-once
文章 2022-08-09 来自:开发者社区

vue再读13-系统指令v-on

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

vue再读13-系统指令v-on
文章 2022-08-09 来自:开发者社区

vue再读16-系统指令v-for-key

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...

vue再读16-系统指令v-for-key

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

阿里巴巴终端技术

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

+关注