万笑佛 - 博客园

2021年12月

摘要：说明：在上一节的工程下继续讲解一、知识点说明业务开发中更多的是使用代码方式进行页面的跳转会用到this.$router.push('/') 和this.$router.replace('/home')，后者就是跳转后不能返回上一个页面和前面讲的replace对应。二、代码结构注：主要是标红阅读全文

posted @ 2021-12-01 17:48 万笑佛阅读(725) 评论(0) 推荐(0)

摘要：说明：在上一节的工程下继续讲解一、知识点说明上一节中, <router-link>我们只是使用了一个属性: to, 用于指定跳转的路径。<router-link>默认渲染成<a>组件 <router-link>还有一些其他属性: （1）replace: replace不会留下history记录阅读全文

posted @ 2021-12-01 17:46 万笑佛阅读(826) 评论(0) 推荐(0)

摘要：一、项目创建参考如下博客地址创建一个vue的项目 https://www.cnblogs.com/yclh/p/15356171.html vue学习笔记二、环境搭建+项目创建二、代码结构注：主要是标红的几个文件三、代码重新编写这几个文件中的代码 index.js //引入路由 imp 阅读全文

posted @ 2021-12-01 17:43 万笑佛阅读(56) 评论(0) 推荐(0)

2021年11月

摘要：代码结构一、 01-slot-插槽的基本使用 1、效果同样的一个插槽，父组件调用的时候不同展现的内容就不同 2、代码 01-slot-插槽的基本使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <tit 阅读全文

posted @ 2021-11-19 17:53 万笑佛阅读(78) 评论(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 万笑佛阅读(97) 评论(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 万笑佛阅读(231) 评论(0) 推荐(0)

摘要：代码结构组件就是将复杂的功能拆分成简单的块，拆分后的块可以被多处使用。组件的使用分成三个步骤： 1、创建组件构造器 Vue.extend() 2、注册组件 Vue.component() 3、使用组件 <my-cpn></my-cpn> 一、 01-组件化的基本使用 1、效果 2、代码 01-组阅读全文

posted @ 2021-11-19 16:33 万笑佛阅读(91) 评论(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 万笑佛阅读(636) 评论(1) 推荐(1)

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

posted @ 2021-11-19 16:22 万笑佛阅读(54) 评论(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 万笑佛阅读(405) 评论(0) 推荐(0)

公告