2021年9月20日
vue路由跳转（切换网页）
摘要： 引入 <script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> 1、创建路由实例 // 创建index路由实例 let index = { template: '#index' } // 创建mine路由实例 le 阅读全文
posted @ 2021-09-20 21:42 从入门到入土 阅读(2604) 评论(0) 推荐(0) 编辑
vue computed用法（get/set）
摘要： computed与data、methods等同级使用，默认只有getter计算属性 method、computed和watch的区别 computed属性的结果会被缓存，除非依赖的响应式属性变化才会重新计算。主要当作属性来使用,使用的时候不加（）； methods方法表示一个具体的操作，主要书写业务 阅读全文
posted @ 2021-09-20 17:04 从入门到入土 阅读(3421) 评论(0) 推荐(0) 编辑
vue ref的使用
摘要： 1、给标签设置ref属性 <h2 ref='midautumn'>中秋快乐111</h2> 2、在mounted()中使用$refs对获取到的标签使用（methods与data等平级） mounted(){ //打印出所有带ref属性的值，是一个对象，{midautumn: h2, mid-autu 阅读全文
posted @ 2021-09-20 11:38 从入门到入土 阅读(2239) 评论(0) 推荐(0) 编辑
vue属性监听watch，监听对象中属性的变化
摘要： watch和data、methods等同级 watch两个参数（newValue,odlValue） 分别为新数据和旧数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="widt 阅读全文
posted @ 2021-09-20 10:33 从入门到入土 阅读(170) 评论(0) 推荐(0) 编辑
2021年9月17日
vue使用swiper无法自动轮播问题
摘要： created() { axios .get( "http://wkt.myhope365.com//weChat/applet/course/banner/list?number" ).then((res) => { this.swiperList = res.data.data; // 等界面下 阅读全文
posted @ 2021-09-17 21:50 从入门到入土 阅读(326) 评论(0) 推荐(0) 编辑
vue子组件传父组件
摘要： 1、子组件created中this.$emit两个参数(要传给谁（自定义事件类型）,要传的信息) || 微信小程序用this.traggerevent() 2、@定义一个方法,用于接收son传过来的信息 3、得到son传过来的信息，固定参数data 4、父元素data中定义数据用来接收使用来自son 阅读全文
posted @ 2021-09-17 19:52 从入门到入土 阅读(399) 评论(0) 推荐(0) 编辑
vue父组件传子组件
摘要： 1、在father中给子组件传参 2、子组件props接受传值 props表示类型三种方式： 1、单类型 表示接收的值为string类型 sonname: String 2、多类型 表示接受的值类型可以为string或number sonname:[String,Number] 3、设置默认值 表示 阅读全文
posted @ 2021-09-17 19:49 从入门到入土 阅读(203) 评论(0) 推荐(0) 编辑
2021年9月16日
vue slot插槽
摘要： slot插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签。 普通插槽 <slot></slot> 具名插槽 <slot name='top'></ 阅读全文
posted @ 2021-09-16 22:52 从入门到入土 阅读(104) 评论(0) 推荐(0) 编辑
vue组件简单实现登录退出切换
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com 阅读全文
posted @ 2021-09-16 22:07 从入门到入土 阅读(287) 评论(0) 推荐(0) 编辑
vue声明组件四种方式
摘要： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。 组件化和模块化的不同： 模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一 组件化：是从UI界面的角度进行划分的；前端的 阅读全文
posted @ 2021-09-16 21:39 从入门到入土 阅读(1133) 评论(0) 推荐(0) 编辑