文章分类 - Vue前端开发
一些与Vue开发相关的技术问题
摘要：数组去重应该是面试必答题了吧，那么数组去重有哪些方法呢？哪种方法的性能比较高呢？ 我写了一个测试模板来验证，分别创建了两个长度为 10W 和 5W 的数组，然后通过 distinct() 方法合并两个数组，并去掉其中的重复项 方法一：Array.filter() + indexOf 使用 ES6 的
阅读全文
摘要：什么是生命周期和生命周期函数 生命周期是指一个组件从创建->运行->销毁的整个阶段，强调的是时间段。 生命周期函数是由Vue框架提供的内置函数，会伴随着组件的生命周期，自动按次序执行。 注意：生命周期强调的是时间段，生命周期函数强调的是时间点。 下面有个图帮助我们理解生命周期的各个阶段 创建期间的生
阅读全文
摘要：路由的参数分为params参数和query参数，而params传参又可分为在url地址栏中显示参数和不显示参数两种方式。 方式一：params传参（显示参数） 在路径中显示参数，在配置路由时，需要占位，地址栏表现为/search/123 刷新页面，参数还在 若要表示params参数可有可无，可在后面
阅读全文
摘要：以下是我在学习Vue时，对main.js中render函数的个人理解，可供初级小白参考，大神可以直接请了，哈哈哈 好，进入正题 在打开利用Vue脚手架创建的项目文件main.js之前，我们猜想它应该长这样 实际上的mian.js如下 跟我们想的不一样，那这里的render又是什么呢？ 我们可以先假设
阅读全文
摘要：Vue的响应式数据 在介绍Vue的数据代理之前，我们先来看一下Vue的响应式数据带来的效果是什么。在Vue中，如果我们在data中放置了数据，并且将其展示到页面中。 例如像下面这样： <body> <div> <h1>Vue的数据代理</h1> </div> <div id="app"> 姓名：{{
阅读全文
摘要：MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式 M：模型（Model）：对应data中的数据 V：视图（View）：用户界面，也就是DOM VM：视图模型（ViewModel）：Vue实例对象，连接View和Model的桥梁 MVVM的核心是提供对Vie
阅读全文
摘要：Cookies Cookie 是通过浏览器将服务器返回的数据保存在本地的一小块数据（一般小于4kb）。当浏览器发送请求且浏览器存在 Cookie 时，浏览器会自动在请求头携带上 Cookie 数据。引入 Cookie 的意义是因为 HTTP 的请求是无状态的，如：浏览器发出的请求服务器没办法区分浏览
阅读全文
摘要：1. 防抖 防抖的定义：当事件被触发后，延迟n秒后再执行回调函数，如果在这n秒内事件被再次触发，则重新计时，只有最后一次触发才会被执行。 what？一脸懵！没关系，这里有个小笑话，看完你应该就秒懂了： 小明军训，教官发令：向左转！向右转！向后转！大家都照着做，唯有小明坐下来休息，教官火的一批，大声斥
阅读全文
摘要：项目运行时遇到的问题npm run serve，控制台提示如下 Fix the upstream dependency conflict 原因： 因为node7在某些事件处理上比node6更加严格，解读上面的报错信息 修复上游依赖关系冲突，或使用--force或--legacy peer deps重
阅读全文
摘要：1、新建一个文件夹用于保存项目文件 2、在安装了node的前提下，安装Vue脚手架 （1）sudo npm install -g @vue/cli 回车 （-g表示全局安装，只安装一次以后都不用再安装了） （2）输入密码 回车 （当前用户的管理员密码，简单来说就是开机密码） 3、切换到第一步创建的文
阅读全文
