上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页
摘要: 认识组件化开发 组件化开发 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)
摘要: div -> 块级元素->width : 父元素的宽度(包含块) width属性默认值不是100% 是 auto ; viewport -> 移动端适配 rem、vw、vh CSS 预处理器 包括这三个 元素属性分类 比如class、id、title 属性是公共属性 比如meta元素的charset 阅读全文
posted @ 2024-10-28 20:22 韩德才 阅读(45) 评论(0) 推荐(0)
摘要: VSCode代码片段 在该网站中生成代码片段; https://snippet-generator.app 模板语法 Mustache双大括号语法(掌握) 案例演示 v-once指令(了解) v-once案例 v-text指令(了解) v-text案例 v-html指令 v-html案例 v-pre 阅读全文
posted @ 2024-10-28 17:34 韩德才 阅读(16) 评论(0) 推荐(0)
摘要: 认识Vue 目前Vue在前端处于什么地位? 如何使用Vue呢? 方式一:CDN引入 <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> 方式二:下载和引入 Vue初体验 ◼ 案例体验一:动态展示Hello World数 阅读全文
posted @ 2024-10-28 17:10 韩德才 阅读(20) 评论(0) 推荐(0)
摘要: 为什么要搭建本地服务器 webpack-dev-server 认识模块热替换(HMR) 开启HMR 框架的HMR 阅读全文
posted @ 2024-10-28 14:00 韩德才 阅读(10) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 7 8 9 ··· 14 下一页