![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Cui_7788
坚持努力、不放弃,做最完美得自己。
展开
-
节流函数、防抖函数(前端)
节流函数、防抖函数的封装及使用案例。原创 2022-07-16 10:40:49 · 206 阅读 · 0 评论 -
数据类型相关方法(前端)
前端应用:数据类型相关方法原创 2022-07-08 20:52:57 · 468 阅读 · 0 评论 -
js删除字符串中指定字符
js方法删除指定字符:replace();原创 2022-06-02 20:08:53 · 12602 阅读 · 0 评论 -
vue 3.0脚手架搭建(详解)
一、下载升级npm i @vue/cli@3.6.3 -g//这里可以使用cnpm 下载的快点//下载好后可以使用 vue -V 查看版本这是3.6.3版本的,很多人看官网下载的都是最新版本的npm run serve——启动项目指令二、下载好后,搭建项目这是第一种方法vue create 项目名这里选择默认配置还是,自定义配置选择默认配置后,它会自行安装:自定...原创 2019-11-28 10:01:23 · 1758 阅读 · 0 评论 -
$nextTick()的理解
什么是$nextTick()简单的回答:因为Vue的异步更新队列,$nextTick是用来知道什么时候DOM更新完成的。实例介绍:有一个div,默认用v-if隐藏,点击按钮之后,改变v-if的值让它显示出来,并且读取到div中的值。<div id=app> <div id="div" v-if="showDiv">我是显示文本</div> &...原创 2019-11-19 15:41:12 · 1839 阅读 · 1 评论 -
Vue中的跨域解决方案
Vue中的跨域解决方案什么是跨域?跨域指浏览器不允许当前页面的所在的源去请求另一个源的数据。源指协议,端口,域名。只要这个3个中有一个不同就是跨域。# 协议跨域http://a.baidu.com访问https://a.baidu.com;# 端口跨域http://a.baidu.com:8080访问http://a.baidu.com:80;# 域名跨域http://a.baid...原创 2019-11-12 11:10:57 · 562 阅读 · 0 评论 -
vue的computed和watch区别
computed和watch区别1、从名字上,computed是计算属性,也就是依赖其它的属性计算所得出最后的值。watch是去监听一个值的变化,然后执行相对应的函数。computed是用于定义基于数据之上的数据,而watch是你想在某个数据变化时做一些事情。2、实现上,computed的值在getter执行后是会缓存的,只有在它依赖的属性值改变之后,下一次获取computed的值时才会重新调...原创 2019-11-12 12:20:17 · 232 阅读 · 0 评论 -
vue组件通信
组件通信父传子父传子 - 在组件标签上通过自定义属性的形式:list="list1"绑定数据,然后在子组件中通过props接收`props:[“list”]// 组件标签 - 父组件<custom-select :list="list1"></custom-select>// 子组件接收props: [ 'list' ],子传父在子组件中通过this...原创 2019-11-13 01:02:12 · 217 阅读 · 1 评论 -
vue生命周期
Vue2.0生命周期详情Vue实例有一个完整的生命周期,也就是说从开始创建、初始化数据、编译模板、挂载DOM、渲染-更新-渲染、卸载等一系列过程,我们称为Vue实例的生命周期。钩子就是在某个阶段给你一个做某些处理的机会。Vue实例生命周期示例:<script type="text/javascript"> var app = new Vue({ el:...原创 2019-11-13 01:12:26 · 180 阅读 · 0 评论 -
vuex的工作流程
简述Vuex工作流程vuex的使用什么是Vuex专门为Vue应用程序开发的状态管理模式;状态可以理解为数据,其实就是用来管理数据的采用集中式存储管理应用的所有组件状态;在做一个webApp的时候,在里面会牵扯到很多数据,这个时候我们可以集中式的管理这些数据以相应的规则保证状态以一种可预测的方式发生变化当组件中有交互改变数据的时候我们就以一种规则去改变这种状...原创 2019-11-13 12:29:22 · 873 阅读 · 0 评论 -
vue中key的作用及diff算法
Vue2.0 v-for 中 :key 到底有什么用呢?其实呢不只是vue,react中在执行列表渲染时也会要求给每个组件添加key这个属性。key简单点来说就是唯一标识,就像ID一样唯一性要知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。详细的解释key的作用的话,那就得先介绍一下...原创 2019-11-18 11:24:29 · 1594 阅读 · 0 评论 -
vue-router导航守卫(钩子函数)
vue-router有哪几种导航守卫(钩子函数)概念导航发生变化时,导航钩子主要用来拦截导航,让它完成跳转或取消拦截方式(一)全局的(1)beforeEach - 前置钩子函数参数to、from、nextto:去哪里from:从哪里next():是否跳转由它决定使用场景 - 未登录去下单,跳转到登录页(2)afterEach - 后置钩子函数参数to、f...原创 2019-11-18 11:55:47 · 768 阅读 · 0 评论 -
在地址栏输入网址会发生什么?
从输入url到页面展示到底发生了什么详解当我们开始在浏览器中输入网址的时候,浏览器其实就已经在智能的匹配可能得 url 了,他会从历史记录,书签等地方,找到已经输入的字符串可能对应的 url,然后给出智能提示,让你可以补全url地址浏览器查找域名的 IP 地址。请求一旦发起,浏览器首先要做的事情就是解析这个域名,一般来说,浏览器会首先查看本地硬盘的 hosts 文件,看看其中有没有和这...原创 2019-11-19 11:12:35 · 1252 阅读 · 0 评论 -
什么是MVC 、MVVM、MVP
对MVC 、MVVM、MVP的理解MVC模式的理解MVC是应用最广泛的软件架构之一,一般MVC分为:Model ( 模型 ) 、 Controller( 控制器 ) 、 View( 视图 ) 。这主要是基于分层的目的,让彼此的职责分开。View一般通过Controller来和Model进行联系。Controller是Model和View的协调者,View和Model不直接联系。基本联系都是...原创 2019-11-12 10:34:13 · 319 阅读 · 0 评论 -
Vue 的 v-if 与 v-show 的区别
Vue 的 v-if 与 v-show 的区别 v-if 与 v-show 的共同点v-if 与 v-show 都是动态显示DOM元素区别:1、编译过程:v-if 是 真正 的 条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-show的元素始终会被渲染并保留在 DOM 中。v-show只是简单地切换元素的 CSS 属性display。2、编译...原创 2019-11-12 09:53:39 · 290 阅读 · 0 评论 -
SPA路由history模式上线刷新404的解决方法
SPA路由History模式 刷新404问题原因刷新404,为什么,因为本地路径中没有这个真实资源存在,这些访问资源都是在js里渲染的。我们只需要在服务器配置,如果URL匹配不到任何静态资源,就默认跳转index.html。解决方法使用nginx服务器配置nginx这里的配置意思是将所有的文件都指向Index.html文件server { listen ...原创 2019-11-13 00:51:24 · 1174 阅读 · 0 评论