随笔分类 - Vue
摘要：先看看概念 函数防抖(debounce)： 在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时；典型的案例就是输入搜索：输入结束后n秒才进行搜索请求，n秒内又输入的内容，就重新计时。像是两个人的对话，A在不停的balabala（持续触发），如果他说话的时候有停顿（一定间隔），但是停顿的
阅读全文
摘要：首先给页面添加 touch 事件 然后定义一个合理区间进行判断,用户当前是上下滑动看书还是左右滑动变换章节. 这里面根据用户如果上下滑动的幅度超过 50 即认定为用户当前行为是上下翻看内容,否则就根据用户左右滑动的幅度进行判断,取值左右 100 为有效区间,小于则认定为无效操作!
阅读全文
摘要：首先在src目录下创建global目录，在global目录下创建index.js。 export default { install(Vue) { var that = this // 1. 添加全局方法或属性 // ue.global = this // 2. 添加全局资源 // 3. 注入组件
阅读全文
摘要：React 在react中配置开发环境下的本地代理相对比较简单，直接在package.json文件中修改即可。 但是这样做有其局限性，如果开发中代理多个接口的时候将无法满足需求，我们需要的是下面这种的能够代理多个接口的请求方式 1）：安装http-proxy-middleware管理包，npm i
阅读全文
摘要：原文地址 最近Vue项目中使用axios组件，在页面交互中发现axios会发送两次请求，一种请求方式为OPTIONS，另外一种为自己设置的。 如图： 什么是CORS通信？ CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。 它允许浏览器向
阅读全文
摘要：创建vue项目，配置环境变量，后续需要用到。这里只配置生产环境和开发环境。 项目根目录创建 .env.production 文件 项目根目录创建 .env.development 文件 src目录下创建router文件夹，index文件中的内容为 在main.js中引入 在router文件夹下创建_
阅读全文
摘要：加入这段css代码把默认的样式覆盖掉即可
阅读全文
摘要：在写项目的时候遇到了一个问题，就是需要动态监听data中一个对象的属性的变化。遇到了许多坑，在此过程中也发现了两种解决方案。 一、通过deep属性实现 二、通过computed做中介 返回目录
阅读全文
摘要：在项目根目录创建vue.config.js文件 运行项目即可 返回目录
阅读全文
摘要：在src目录中建立plugins文件夹，在文件夹内建立axios.js文件 在axios文件中，我们引入了cookie操作和loading加载的方法。那么我们再来看看引入文件是什么。首先在src文件夹下创建utils文件夹，文件夹内创建auth.js。auth.js内是方法 最后在main.js引入
阅读全文
摘要：在我们的实际项目开发中，多数是采用按需引入的模式来进行开发的，那么具体应该如何操作呢，可能会有许多新人傻傻分不清楚，具体将在下文讲到。 首先我们先vue create demo创建一个项目出来此时我们的项目是这样的 此时我们在终端输入 可以看到让我们选择全部引入还是按需引入，此时我们选择按需引入，I
阅读全文
摘要：在写项目的时候，遇到了需要添加滚动事件的问题，在简书Carol_笑一笑这里找到了解决方案。代码如下 但是在实际应用中，发现移除滚动事件失效了，到达新的页面滚动事件还存在，从而导致一直报错。然后从阮一峰先生的博文中找到了问题所在。 然后上面的代码只需要修改destroyed中的方法即可。 返回目录
阅读全文
摘要：原文地址 vue中除了内置的指令（v-show,v-model）还允许我们自定义指令 想要创建自定义指令，就要注册指令（以输入框获取焦点为例） 一、注册全局指令： // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM
阅读全文
摘要：原文地址 常见场景 在许多填写表单的页面中，都会弹出一个选择器，让你在弹窗中选择项目。有时，弹窗本身容纳不下内容，需要让它不断滚动来展示，但因为事件是冒泡的，有时就会造成底部（body 的Z-index肯定是在下面的 ）的内容也在滚动。这内外一起滚，就有点尴尬了。 举例，下面两张图里，都有类似的问题
阅读全文
摘要：原文地址 props传参 父组件： 子组件：（子组件要嵌套到父组件中） 返回目录
阅读全文
摘要：原文地址 Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动：侦听属性。当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch——特别是如果你之前使用过 AngularJS。然而，通常更好的做法是使用计算属性而不是命令式的 watch 回调。细想一下这个例子： 上面代
阅读全文
摘要：优点 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，核心是一个响应的数据绑定系统。 数据驱动 组件化 轻量 简洁 高效 模块友好 页面切换快 缺点 不支持低版本的浏览器，最低只支持到IE9； 不利于SEO的优化（如果要支持SEO，建议通过服务端来进行渲染组件）； 首屏
阅读全文
摘要：原文地址 过滤器：生活中有很多例子，净水器 空气净化器 。过滤器的作用：实现数据的筛选、过滤、格式化。 vue1.*版本是有内置的过滤器，但是在vue2.*所有的版本都已经没有自带的过滤器了。 1、过滤器创建 过滤器的本质 是一个有参数 有返回值的方法 2、过滤器使用语法： 举个例子： 3、过滤器高
阅读全文
摘要：原文地址 v-model 主要是用于表单上数据的双向绑定 一：基本 1:主要用于 input，select，textarea，component 2:修饰符： .lazy- 取代input监听change事件 .number- 输入字符串转为数字 .trim- 输入首尾空格过滤 二：语法糖 <inp
阅读全文
浙公网安备 33010602011771号