摘要：
代码结构 一、 01-slot-插槽的基本使用 1、 效果 同样的一个插槽，父组件调用的时候不同展现的内容就不同 2、代码 01-slot-插槽的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文
posted @ 2021-11-19 17:53
万笑佛
阅读(93)
评论(0)
推荐(0)
摘要：
代码结构 一、 01-组件访问-父访问子 1、 效果 点击后在父组件里展示子组件的参数 2、代码 01-组件访问-父访问子.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> 阅读全文
posted @ 2021-11-19 16:40
万笑佛
阅读(121)
评论(0)
推荐(0)
摘要：
代码结构 一、 01-父组件向子组件传递数据 1、 效果 展示出来的数据都是父组件传给子组件的数据 2、代码 01-父组件向子组件传递数据.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title 阅读全文
posted @ 2021-11-19 16:38
万笑佛
阅读(266)
评论(0)
推荐(0)
摘要：
代码结构 组件就是将复杂的功能拆分成简单的块，拆分后的块可以被多处使用。 组件的使用分成三个步骤： 1、创建组件构造器 Vue.extend() 2、注册组件 Vue.component() 3、使用组件 <my-cpn></my-cpn> 一、 01-组件化的基本使用 1、效果 2、代码 01-组 阅读全文
posted @ 2021-11-19 16:33
万笑佛
阅读(120)
评论(1)
推荐(1)
摘要：
代码结构 一、 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
万笑佛
阅读(686)
评论(1)
推荐(1)
摘要：
代码结构 一、 效果 1、 展示列表v-for 2、 购买数量增加减少，使用@click触发回调函数。 减少的时候如果已经为1了就不让继续减少，使用了v-bind绑定属性 3、 移除也是使用@click触发回调函数。 4、 总价和价格里前面增加一个￥使用了过滤器 5、 总价的计算使用了计算属性 二、 阅读全文
posted @ 2021-11-19 16:22
万笑佛
阅读(86)
评论(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
万笑佛
阅读(426)
评论(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
万笑佛
阅读(3022)
评论(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
万笑佛
阅读(97)
评论(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
万笑佛
阅读(72)
评论(0)
推荐(0)
浙公网安备 33010602011771号