摘要：
一、组件基础 1.1 单文件组件 Vue 单文件组件(又名*.vue文件，缩写为 SFC)是一种特殊的文件格式，它允许将 Vue 组件的模板、逻辑与 样式封装在单个文件中. 1.创建一个组件 <template> <h3>zujian</h3> </template> <script> export 阅读全文
posted @ 2025-03-12 16:56
百里屠苏top
阅读(22)
评论(0)
推荐(0)
摘要：
一、表单输入绑定 你可以用 v-model 指令在表单 <input>、<textarea>及 <select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素，尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件来更新数据，并在某种极端场景下进行一些特 阅读全文
posted @ 2025-03-12 16:16
百里屠苏top
阅读(41)
评论(0)
推荐(0)
摘要：
一、事件处理 1.1 监听事件（添加事件） 我们可以使用 v-on 指令 (通常缩写为 @ 符号)来监听 DOM 事件，并在触发事件时执行一些JavaScript。用法为v-on:click="methodName”或使用快捷方式 @click="methodName”. <template> <d 阅读全文
posted @ 2025-03-12 16:00
百里屠苏top
阅读(25)
评论(0)
推荐(0)
摘要：
一、列表渲染 1.1 v-for 用 v-for把一个数组映射为一组元素。 我们可以用 v-for 指令基于一个数组来渲染一个列表。 v-for 指令需要使用 item in items 形式的特殊语法，其中items 是源数据数组，而 item 则是被迭代的数组元素的别名。 <template> 阅读全文
posted @ 2025-03-12 15:07
百里屠苏top
阅读(22)
评论(0)
推荐(0)
摘要：
一、条件渲染 根据条件不同，在页面中渲染不同的内容。 v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 true 值的时候被渲染。 v-else 使用v-else指令来表示 v-if 的“else 块”. <template> <p v-if="flag">俺是齊天大 阅读全文
posted @ 2025-03-12 11:42
百里屠苏top
阅读(23)
评论(0)
推荐(0)
摘要：
一、模板语法 有了模板语法，页面的每个元素都可以动态处理了。 网址：https://cn.vuejs.org/ src下面的文件： 1.assets ：存放静态资源 2.components:存放组件 3.App.vue:根组件，组件入口。 4.main.js :主入口文件。 我们在HelloWor 阅读全文
posted @ 2025-03-12 11:18
百里屠苏top
阅读(137)
评论(0)
推荐(0)
浙公网安备 33010602011771号