s
2021年5月6日
Vue路由2-路由嵌套
摘要： 某些时候一个父组件里面嵌套有子组件，然后希望展示父组件时，子组件也能够随着一起展示。 这时候就需要用到路由嵌套，不然单独为两个组件定义访问路由，子组件会直接覆盖父组件，而不是一起出现！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT 阅读全文
posted @ 2021-05-06 18:52 努力不搬砖的iori 阅读(171) 评论(0) 推荐(0)
Vue路由1
摘要： Hash路由：移步https://www.cnblogs.com/joyho/articles/4430148.html 路由使用例子【笔记有些许凌乱】： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 阅读全文
posted @ 2021-05-06 14:21 努力不搬砖的iori 阅读(77) 评论(0) 推荐(0)
vue中的若干需要注意的点
摘要： 1.prop, 父组件向子组件传值的两个步骤 属性绑定： :attr="myattr" props:['myattr'], 中注册这个属性。 但是需要注意的时，子组件中可以使用这个myattr， 但是官方不推荐直接去修改这个myattr。非要修改就在子组件自己的data属性中定义一个变量存放myat 阅读全文
posted @ 2021-05-06 14:17 努力不搬砖的iori 阅读(55) 评论(0) 推荐(0)
vue-使用ref属性获取和操作dom元素
摘要： 前面也提到过，Vue是不提倡用原生js或者第三方库【jquery】去获取并操作dom元素的。但是这种需求不可避免，Vue官网提供了一个ref属性，用于我们在自定义方法中去获取具有这个ref属性的元素。 <!DOCTYPE html> <html lang="en"> <head> <meta cha 阅读全文
posted @ 2021-05-06 14:02 努力不搬砖的iori 阅读(1207) 评论(0) 推荐(0)
Vue子父组件间的传值【非常重要的一个知识点】
摘要： Vue中，默认子组件无法直接取得父组件中的数据！所以才需要进行传值操作！ 父组件通过属性绑定形式向子组件传值： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib 阅读全文
posted @ 2021-05-06 13:35 努力不搬砖的iori 阅读(269) 评论(0) 推荐(0)
Vue组件切换-以登录注册为例【加动画效果】
摘要： 方式一：v-show 或者 v-if&v-else,通过控制一个标志位的bool值来实现组件的切换 [] 方式一有局限性，就是只能控制两个组件间的切换，因为bool值就true和false两个。 方式二：使用vue官方提供的<component>标签，通过给这个标签绑定is属性实现多个组件之间的切换 阅读全文
posted @ 2021-05-06 10:33 努力不搬砖的iori 阅读(1626) 评论(0) 推荐(0)
Vue2中的组件
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2021-05-06 10:02 努力不搬砖的iori 阅读(142) 评论(0) 推荐(0)