vue - 随笔分类(第3页) - 万笑佛

摘要：代码结构一、 01-v-model的基本使用 Vue中使用v-model指令来实现表单元素和数据的双向绑定 1、效果 2、代码 01-v-model的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文

posted @ 2021-11-19 16:26 万笑佛阅读(574) 评论(1) 推荐(1) 编辑

摘要：代码结构一、效果 1、展示列表v-for 2、购买数量增加减少，使用@click触发回调函数。减少的时候如果已经为1了就不让继续减少，使用了v-bind绑定属性 3、移除也是使用@click触发回调函数。 4、总价和价格里前面增加一个￥使用了过滤器 5、总价的计算使用了计算属性二、阅读全文

posted @ 2021-11-19 16:22 万笑佛阅读(49) 评论(0) 推荐(0) 编辑

摘要：代码结构一、 01-v-for遍历数组 1、效果 2、代码 01-v-for遍历数组.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-v-for遍历数组</title> </head> <b 阅读全文

posted @ 2021-11-19 16:20 万笑佛阅读(395) 评论(0) 推荐(0) 编辑

摘要：代码结构一、 01-v-if用法 1、效果根据分数的不同展现不同的汉字 2、代码 01-v-if用法.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-v-if用法</title> </he 阅读全文

posted @ 2021-11-19 16:11 万笑佛阅读(2938) 评论(0) 推荐(0) 编辑

摘要：代码结构一、 v-on基本使用 1、效果按钮点击一下数字增加1 2、代码 01-v-on基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-v-on基本使用</title> </he 阅读全文

posted @ 2021-11-16 17:16 万笑佛阅读(64) 评论(0) 推荐(0) 编辑

摘要：代码结构一、计算属性简单使用 1、效果 2、代码 01-计算属性简单用法.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-什么是计算属性</title> </head> <body> <d 阅读全文

posted @ 2021-11-16 15:42 万笑佛阅读(41) 评论(0) 推荐(0) 编辑

摘要：代码结构一、 v-bind基本使用 1、效果 2、代码 01-v-bind基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-v-bind基本使用</title> </head> <b 阅读全文

posted @ 2021-11-15 18:39 万笑佛阅读(330) 评论(0) 推荐(1) 编辑

<vue 基础知识 2、插值语法> v-once,v-html,v-text,v-pre,v-cloak

摘要：代码结构一、 Mustache 1、效果展示如何将数据展示在页面上 2、代码 01-Mustache.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01-Mustache</title> </ 阅读全文

posted @ 2021-11-15 17:25 万笑佛阅读(79) 评论(0) 推荐(0) 编辑

<vue初体验> 基础知识 4、 vue的生命周期

摘要：系列导航 <vue初体验> 一、 vue的引入和使用体验 <vue初体验> 二、 vue的列表展示 <vue初体验> 三、 vue的计数器 <vue初体验> 四、 vue的生命周期一、效果展示生命周期（不同生命周期的执行顺序）二、代码结构三、代码 04-Vue生命周期.html <!DOC 阅读全文

posted @ 2021-11-12 18:54 万笑佛阅读(43) 评论(0) 推荐(0) 编辑

<vue初体验> 基础知识 3、vue的计数器

摘要：系列导航 <vue初体验> 一、 vue的引入和使用体验 <vue初体验> 二、 vue的列表展示 <vue初体验> 三、 vue的计数器 <vue初体验> 四、 vue的生命周期一、效果使用v-on:click指令实现方法的绑定，点击增加按钮数字加1，点击减少按钮数字减1 二、代码结构三、阅读全文

posted @ 2021-11-12 18:38 万笑佛阅读(240) 评论(0) 推荐(0) 编辑

<vue初体验> 基础知识 2、vue的列表展示

摘要：系列导航 <vue初体验> 一、 vue的引入和使用体验 <vue初体验> 二、 vue的列表展示 <vue初体验> 三、 vue的计数器 <vue初体验> 四、 vue的生命周期一、效果利用v-for指令循环展现列表使用谷歌浏览器动态改变数据展现自动变更这里的app跟代码中let app 阅读全文

posted @ 2021-11-12 18:21 万笑佛阅读(318) 评论(0) 推荐(0) 编辑

<vue初体验> 基础知识 1、vue的引入和使用体验

摘要：系列导航 <vue初体验> 一、 vue的引入和使用体验 <vue初体验> 二、 vue的列表展示 <vue初体验> 三、 vue的计数器 <vue初体验> 四、 vue的生命周期注：本系列开发工具都是用的是HBuilderX.3.2.3 一、代码中如何引入vue 1、直接CDN引入 <!-- 开阅读全文

posted @ 2021-11-12 17:15 万笑佛阅读(187) 评论(0) 推荐(0) 编辑

vue学习笔记十九、实例完整代码