摘要: 一、作用域插槽 子组件上有数据,html代码结构由父组件来提供 脚手架中v-for和v-if不建议混在一起用,所以这里用了template标签 v-slot:插槽名称="形参" 形参用来获取子组件传递过来的数据 二、路由 1.介绍 Vue Router 是 Vue官方的路由管理器。 它和 Vue.j 阅读全文
posted @ 2021-01-15 15:03 梦寻千古醉 阅读(60) 评论(0) 推荐(0)
摘要: 1.组件通信 流程: 1.创建项目 vue init webpack mydemo 2.清空工作 3.创建parent文件夹-》parent.vue/child.vue 4.把child.vue引入到parent.vue中 5.把parent文件夹中的parent.vue引入到App.vue中 1. 阅读全文
posted @ 2021-01-11 21:47 梦寻千古醉 阅读(67) 评论(0) 推荐(0)
摘要: 1.购物车案例 注意点:定义属性名和方法名不能一样 change:直接修改checkbox的值 数组的方法some,every,forEach,map forEach():对数组进行遍历循环,对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型,默认有传参,参数分别为:遍历 阅读全文
posted @ 2021-01-11 21:46 梦寻千古醉 阅读(60) 评论(0) 推荐(0)
摘要: 1.动画 基础使用: 给哪个元素添加动画,只需要给元素用<transition>标签包裹起来就可以 <transition> <div class="box" v-show='isShow'></div> </transition> 之后去样式中设置6个类名即可 .v-enter { opacity 阅读全文
posted @ 2021-01-11 21:42 梦寻千古醉 阅读(60) 评论(0) 推荐(0)
摘要: 1.key的使用 key:只要元素需要循环,必须添加key作为唯一的标识 在body中 <div id="app"> <!-- <div class="box" v-for='(item,index) in arr' :key='item.id'> --> <div class="box" v-fo 阅读全文
posted @ 2021-01-07 22:57 梦寻千古醉 阅读(61) 评论(0) 推荐(0)
摘要: 1.前端工作: 官网: 简洁 展示数据 app:HTML5 展示数据 原生app(安卓 ios) 后台管理系统: 创建数据 活动页:要求不是特别高 小程序 2.Vue介绍 官网:https://cn.vuejs.org/ 渐进式:根据功能需求逐次添加模块 3.Vue特点: 易用,高效,灵活 4.Vu 阅读全文
posted @ 2021-01-07 22:50 梦寻千古醉 阅读(72) 评论(0) 推荐(0)