摘要: 关键词:children children属性与path和component同级使用 1、在routes中加入children属性 const router = new VueRouter({ routes: [ { path: "/", redirect: "/index", }, // 首页 { 阅读全文
posted @ 2021-09-20 22:36 从入门到入土 阅读(174) 评论(0) 推荐(0) 编辑
摘要: <!-- query传参,对象中两个属性,跳转地址和传递参数 --> <router-link :to="{path:'/mine',query:{course:103}}" tag='span'>去个人中心</router-link> 完整代码展示: <!DOCTYPE html> <html> 阅读全文
posted @ 2021-09-20 21:51 从入门到入土 阅读(71) 评论(0) 推荐(0) 编辑
摘要: 引入 <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 从入门到入土 阅读(2657) 评论(0) 推荐(0) 编辑
摘要: computed与data、methods等同级使用,默认只有getter计算属性 method、computed和watch的区别 computed属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算。主要当作属性来使用,使用的时候不加(); methods方法表示一个具体的操作,主要书写业务 阅读全文
posted @ 2021-09-20 17:04 从入门到入土 阅读(3488) 评论(0) 推荐(0) 编辑
摘要: 1、给标签设置ref属性 <h2 ref='midautumn'>中秋快乐111</h2> 2、在mounted()中使用$refs对获取到的标签使用(methods与data等平级) mounted(){ //打印出所有带ref属性的值,是一个对象,{midautumn: h2, mid-autu 阅读全文
posted @ 2021-09-20 11:38 从入门到入土 阅读(2259) 评论(0) 推荐(0) 编辑
摘要: 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 从入门到入土 阅读(173) 评论(0) 推荐(0) 编辑