s
2021年5月6日
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)
2021年5月5日
Vue动画
摘要： Vue自带的动画效果通过六个类实现： v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时 阅读全文
posted @ 2021-05-05 16:07 努力不搬砖的iori 阅读(356) 评论(0) 推荐(0)
Vue发送异步请求以及小栗子
摘要： 由于Vue是不推荐再去直接操作DOM元素的，所以Vue开发中，不建议再去使用Jquery中的ajax去发送异步请求。 推荐做法是： 使用vue官方推出的 vue-resource.js 使用axios.min.js 使用例子： <!DOCTYPE html> <html lang="en"> <he 阅读全文
posted @ 2021-05-05 15:07 努力不搬砖的iori 阅读(519) 评论(0) 推荐(0)
Vue2生命周期详解
摘要： <!-- vue 实例从被创建，运行，到销毁期间，会执行各种各样的事件函数，这些事件统称为生命周期 --> <body> <div id="app"> </div> </body> <script> let vm = new Vue({ el:'#app', data:{ vmsg:'vue tex 阅读全文
posted @ 2021-05-05 14:44 努力不搬砖的iori 阅读(482) 评论(0) 推荐(0)
vue中的按键修饰符
摘要： 有时候表单登录验证时，希望通过敲回车就去验证，而不需要去移动鼠标点击按钮才验证，这个小功能就需要用到按键修饰符 语法： @keyup.enter=‘func’ //表示鼠标回车被按下抬起时，执行func这个函数里面的逻辑. 更多参阅：https://cn.vuejs.org/v2/guide/eve 阅读全文
posted @ 2021-05-05 14:06 努力不搬砖的iori 阅读(88) 评论(0) 推荐(0)