摘要: 认识组件化开发 组件化开发 Vue的组件化 注册组件的方式 注册全局组件 <div id="app"> <!-- 使用product-item组件 --> <product-item></product-item> <product-item></product-item> <product-ite 阅读全文
posted @ 2024-10-29 21:52 韩德才 阅读(41) 评论(0) 推荐(0)
摘要: v-model的基本使用 基本使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" 阅读全文
posted @ 2024-10-29 20:31 韩德才 阅读(16) 评论(0) 推荐(0)
摘要: 案例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum 阅读全文
posted @ 2024-10-29 17:11 韩德才 阅读(39) 评论(0) 推荐(0)
摘要: 复杂data的处理方式 ◼ 我们知道,在模板中可以直接通过插值语法显示一些data中的数据。 ◼ 但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示; 比如我们需要对多个data数据进行运算、三元运算符来决定结果、数据进行某种转化后显示; 在模板中使用表达 阅读全文
posted @ 2024-10-29 16:08 韩德才 阅读(54) 评论(0) 推荐(0)
摘要: 列表渲染 v-for基本使用 ◼ v-for的基本格式是 "item in 数组": 数组通常是来自data或者prop,也可以是其他方式; item是我们给每项元素起的一个别名,这个别名可以自定来定义; ◼ 我们知道,在遍历一个数组的时候会经常需要拿到数组的索引: 如果我们需要索引,可以使用 阅读全文
posted @ 2024-10-29 13:28 韩德才 阅读(23) 评论(0) 推荐(0)
摘要: 条件渲染 v-if、v-else、v-else-if template元素 v-show v-show和v-if的区别 阅读全文
posted @ 2024-10-29 10:43 韩德才 阅读(34) 评论(0) 推荐(0)