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

Vue基础语法（插值、指令、过滤器、计算属性与监听属性）

插值    1.文本    2.html    3.属性    4.class、style绑定    5.表达式双大括号插值（Mustache语法）：双大括号插值是Vue中最常用的插值语法，使用双大括号{{ }}将表达式包裹起来，表达式将会被求值后显示在HTML中。{{msg}} 案列源码<....

Vue基础语法（插值、指令、过滤器、计算属性与监听属性）
文章 2023-11-15 来自：开发者社区

02 Vue基础语法之插值语法

前言记录vue的学习笔记，有什么不对的地方，欢迎各位大佬进行指正，共同学习进步Vue的语法分为两种：（1）插值语法：双大括号表达式 （“Mustache”语法）【一个】（2）指令语法：指令（以v-开头的自定义标签属性）【很多】插值语法功能：用于解析标签体内容，向页面输出数据写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性，可以调用对象的方法备注：里面写js表达式：有....

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

一遍关于vue基础语法下篇

一.事件处理器事件修饰符 &nbsp;Vue通过由点(.)表示的指令后缀来调用修饰符， &nbsp;.stop &nbsp;.prevent &nbsp;.capture &nbsp;.self &nbsp;.once按键修饰符 &nbsp;Vue允许为v-on在监听键盘事件时添加按键修饰符：全部的按键别名： &nbsp;.enter &nbsp;.tab &nbsp;.delete (捕获 "....

一遍关于vue基础语法下篇
文章 2023-11-10 来自：开发者社区

一遍关于vue基础语法上篇

一.插值插值是Vue.js中的一种模板语法，用于在HTML标记中动态地插入Vue.js中的数据。1.1.文本<p>文本</p> {{msg}} 1.2.html使用v-html指令用于输出html代码<p>html1解析</p> {{msg2}}<br> <b :class="msg3" v-html="msg2"&g...

一遍关于vue基础语法上篇
文章 2023-10-30 来自：开发者社区

Vue系列（三）之 基础语法下篇【事件处理，表单综合案例，组件通信】

一. 事件处理在 Vue.js 中，v-on 指令被用于监听 DOM 事件，并在事件触发时执行相应的方法，这些方法就是事件处理器。v-on 指令有简写形式 @，例如 @click="handleClick" 会监听点击事件并执行 handleClick 方法。事件处理器在 Vue.js 组件中十分重要，因为使用事件处理器可以让用户与组件进行交互，例如按钮点击、表单提交等操作。使用 Vue.js ....

Vue系列（三）之 基础语法下篇【事件处理，表单综合案例，组件通信】
文章 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-25 来自：开发者社区

Vue基础语法【下】

一、事件处理器1.事件修饰符 &nbsp;Vue通过由点(.)表示的指令后缀来调用修饰符 &nbsp; .stop阻止单击事件冒泡,即停止事件在DOM树中的传播。&lt;button v-on:click.stop="doSomething"&gt;Click me&lt;/button&gt;当按钮被点击时，事件不会继续向上冒泡，只会触发doSomething方法。 &nbsp;.preven....

Vue基础语法【下】
文章 2023-10-25 来自：开发者社区

Vue基础语法【上】

前言Vue.js是一种用于构建用户界面的渐进式JavaScript框架。它的核心思想是将数据和视图进行分离，通过数据驱动视图的方式来构建交互式的Web应用程序。在本篇博文中，我们将介绍Vue的基础语法，帮助你快速入门Vue开发。一、插值1.文本插值使用双大括号{{}}将数据插入到文本中&lt;span id="app"&gt;{{ msg}}&lt;/span&gt; &lt;script ty....

Vue基础语法【上】
文章 2023-10-24 来自：开发者社区

Vue基础语法的进阶，事件处理器，自定义组件及组件通信

一、事件处理器1. 概述在Vue中，事件处理器是用来处理DOM事件的方法。它可以在Vue组件中定义和使用，用于响应用户的交互操作。事件处理器的作用是监听DOM事件，并在事件触发时执行相应的逻辑代码。通过事件处理器，可以实现用户与页面的交互，例如点击按钮、输入文本等操作。当事件被触发时，事件处理器会被调用，可以执行一些逻辑操作，比如更新数据、调用方法等。事件处理器可以接收事件对象作为参数，可以通过....

Vue基础语法的进阶，事件处理器，自定义组件及组件通信
文章 2023-10-16 来自：开发者社区

[笔记]vue从入门到入坟《二》基础语法

一、模板语法1.1 插值1.1.2 文本双大括号{{ }}会将数据解释为普通文本，而非 HTML 代码。普通用法<span>Message: {{ msg }}</span>v-once通过使用 v-once 指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。<span v-once>这个将不会改变: {{ msg }}</span>...

[笔记]vue从入门到入坟《二》基础语法

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

VUE.js您可能感兴趣

阿里巴巴终端技术

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

+关注