![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue笔记
文章平均质量分 66
日常学习vue时的总结
虽菜但瘾
肝就完了
展开
-
[vue]——vue.set()
当data对象中的某个值需要更新,但更新之前是没有值的状态,如果此时只是简单的修改内部的值,就会发现页面上并不会渲染更改后的值。原因原因就是添加新的值之后并不会将添加的值双向绑定,此时虽然更新了,但是页面并不会渲染。解决Vue.set()<div id="app"> <ul> <li v-for="(item, index) in tempList" :key="index">{{item}}</li> </ul> <b原创 2021-03-04 21:42:46 · 8436 阅读 · 2 评论 -
[vue]——登录页面交互
面板切换登录页面板一般会选择多种登录方式,短信登录或者密码登录,这两种登录方式会通过点击来实现显隐。在不使用框架的情况下,实现两哥面板相互显隐,就要用到样式中的display,在初始化的时候给短信登录添加一个计算属性<a href="javascript:;" :class="{on: loginWay}" @click="loginWay =true">短信登录</a><a href="javascript:;" :class="{on: !loginWay}"原创 2021-03-04 18:40:38 · 498 阅读 · 1 评论 -
[vue]——nextTick()
在做实例的时候遇到一个问题,在获取后台数据之后,要将数据遍历到轮播,轮播使用的是Swiper。在获取轮播数据之后就开始创建swiper实例,然后想着就能直接实现,可问题就出来了,这时候虽然轮播的样子出现了,但是功能没有成功。原因在watch中添加了监听对象之后就创建轮播实例,这时候虽然监听到了数据的改变,但是DOM更新是异步的,此时去创建轮播实例会较早与DOM更新。解决既然问题出现在创建轮播实例的时间上,那直接使用定时器能行吗?答案是可行的,但是会有一个小问题,就是你不知道如何定下时间,这个时间可原创 2021-03-03 22:30:09 · 273 阅读 · 1 评论 -
[vue]——question
v-show和v-ifv-show和v-if都是用来控制组件显隐的指令,区别在于两者的实现原理。v-show是通过css的display属性来控制显示与隐藏v-if是将实现组件的销毁与渲染,并不是简单地显示与隐藏因此关于两者的使用时要判断该组件是否会频繁切换,频繁切换的时候使用-vshow,否则使用v-ifv-for中使用key在使用v-for时我们一般都是用key来绑定,原因就是diff算法中要通过tag和key来判定是否是同一个节点,好处就是减少了渲染次数,提升渲染性能vue组件生原创 2021-02-24 21:17:50 · 297 阅读 · 0 评论 -
Vue——嵌套路由
路由有关路由的详细信息可以去vue的官网去查看,我这里只是自己实例的一个理解和总结。单页面程序离不开路由的分配,自始至终只有一个页面存活,因此有关路由跳转的逻辑要合理配置vue-Router选择官方使用的vue-router库,因此要先准备环境安装$ npm install vue-router安装之后就要配置路由,但是为了方便维护路由节点,可以创建单独的文件存放路由配置,因此创建router文件夹,添加index.jsindex.jsimport Vue from 'vu原创 2021-02-02 21:06:53 · 234 阅读 · 0 评论 -
Vue——组件通信
组建通信组件之间的通信在任何框架中都是核心的内容,这一篇仅是看着视频教程和其他博主的内容来誊写的,因此更倾向于自己,对其他人可能没有什么参考价值。拓展:vue组件间通信六种方式(完整版 ——思否(浪里行舟))vue组件之间通信的8种方式——博客园(张小VV)Vue组件通信——博客园(一只菜鸟攻城狮啊)props之前的事件监听是通过bind绑定来向子组件传值,然后子组件通过props来接收,接受的写法也不同,可以直接将事件名称写进数组中,也可以写成对象的形式,对象中也可以加入一些属性来限制参原创 2021-02-01 21:30:03 · 123 阅读 · 0 评论 -
Vue——熟悉组件
组件关于组件的理解,可以认为是可复用的功能块,一个功能或许需要不等的组件,因此组件的通信也是要熟悉的,这个是跟着教程做的一个小的实例,主要是了解组建的嵌套和传值。页面页面要实现能够增加或删除一个数据页面很简单,主要就是添加用户名和评论,在点击提交之后把值渲染出来分析页面的布局是很简单的头部、内容格式,因此主要是关心数据存放在哪,要怎么显示。可以将左侧添加数据和右侧的数据展示分为单独的组件,这样能够方便维护。其次就是右侧会有很多评论,而每一个评论的布局都相似,所以可以将每一个评论分为一个组原创 2021-01-30 21:40:51 · 193 阅读 · 0 评论 -
Vue——基础语法知识
初识Vue简介作为前端三大框架之一并且面向国内的大多数开发者来说,vue是绝对要去学会的一个知识点。vue整体简小灵活,在构建项目框架的时候能够快速搭建而且与众多的第三方库整合,因此在社区维护和容错调试时都能方便找到问题的所在之处。安装平时测试用例和学习可以使用引用 和 CDN 的方式: 引用:<script src="../someWhere/vue.js"></script> CDN:<script src="https://cdn.jsdelivr.net原创 2021-01-28 23:25:30 · 252 阅读 · 4 评论