05 2019 档案
摘要： 方案 JSONP jsonp需要后端进行配置,并且前端需要动态生成script标签通过callback调用函数进行操作的跨域解决方案 不建议使用该方案： 前后端均需进行配置处理，增加了工作量 前后端均需进行配置处理，增加了工作量 CORS cors是由后端进行配置 前端正常发送请求即可使用的跨
阅读全文
摘要：原文地址 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
阅读全文
摘要：v-for生成序列 data数据 点击事件 CSS样式 返回目录
阅读全文
摘要：原文地址 vue页面在加载的时候闪烁花括号{}}，v-cloak指令和css规则如[v-cloak]{display:none}一起用时，这个指令可以隐藏未编译的Mustache标签直到实例准备完毕。 /*css样式*/ [v-cloak] { display: none; } <!--html代码
阅读全文
摘要：原文地址 文章目录 什么是组件？ 使用组件 组件 什么是组件？ 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用 is 特性进行了
阅读全文
摘要：原文地址 方法一： 直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式 方法二： 使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素 注意：在获取相应元素之前，必须在mount钩子进行挂
阅读全文
摘要：原文地址 背景 在一些搜索框中，我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作。在原生js或者jQuery中，我们需要判断e.keyCode的值来获取用户所按的键。这样就存在一个问题：我们必须知道某个按键的keyCode值才能完成匹配，使用起来十分不便。
阅读全文
摘要：使用addEventListener添加事件 点击btn 点击btn2 点击btn 第一个事件已被移除 更多请参照这一文章
阅读全文
摘要：原文地址 在开发过程中，我们时常会遇到这样一种情况：当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的。 根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。 受现代 JavaScrip
阅读全文
摘要：原文地址 vue生命周期简介 咱们从上图可以很明显的看出现在vue2.0都包括了哪些生命周期的函数了。 生命周期探究 对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 create 和 mounted 相关 咱们在chrome浏览器里打开，F12看co
阅读全文
摘要：原文地址 Vue.js 是一套构建用户界面的渐进式框架。我们可以使用简单的 API 来实现响应式的数据绑定和组合的视图组件。 从维护视图到维护数据，Vue.js 让我们快速地开发应用。但随着业务代码日益庞大，组件也越来越多，组件逻辑耦合严重，使代码维护变得十分困难。 同时，Vue.js 的接口和语法
阅读全文
摘要：原文地址 在vue项目中,难免会有列表页面或者搜索结果列表页面,点击某个结果之后,返回回来时,如果不对结果页面进行缓存,那么返回列表页面的时候会回到初始状态,但是我们想要的结果是返回时这个页面还是之前搜索的结果列表,这时候就需要用到vue的keep-alive技术了. keep-alive 简介 k
阅读全文
摘要：原文地址 Vue中子组件调用父组件的方法，这里有三种方法提供参考 第一种方法是直接在子组件中通过this.$parent.event来调用父组件的方法 父组件 子组件 第二种方法是在子组件里用$emit向父组件触发一个事件，父组件监听这个事件就行了。 父组件 子组件 第三种是父组件把方法传入子组件中
阅读全文
摘要：原文地址 永远不要把 v-if 和 v-for 同时用在同一个元素上。 一般我们在两种常见的情况下会倾向于这样做： 为了过滤一个列表中的项目 (比如 v-for="user in users" v-if="user.isActive")。在这种情形下，请将 users替换为一个计算属性 (比如 ac
阅读全文
摘要：原文地址 vue组件中的data必须是函数 类比引用数据类型 Object是引用数据类型,如果不用function 返回,每个组件的data 都是内存的同一个地址,一个数据改变了其他也改变了; javascipt只有函数构成作用域(注意理解作用域,只有函数的{}构成作用域,对象的{}以及 if(){
阅读全文
摘要：原文地址 概览 用法： 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。 原理 异步说明 在 Vue 的文档中，说明 Vue 是异步执行 DOM 更新的。关于异步的解析，可以查看阮一峰老师的这篇文章。截取关键部分如下： 具体来说，异步执行的运行机制
阅读全文
摘要：原文地址 一、event 对象 （一）事件的 event 对象 你说你是搞前端的，那么你肯定就知道事件，知道事件，你就肯定知道 event 对象吧？各种的库、框架多少都有针对 event 对象的处理。比如 jquery，通过它内部进行一定的封装，我们开发的时候，就无需关注 event 对象的部分兼容
阅读全文
摘要：原文地址 this.$router.push跳转 现有如下场景，点击父组件的li元素跳转到子组件中，并携带参数，便于子组件获取数据。父组件中： methods： 方案一： 方案一，需要对应路由配置如下： 很显然，需要在path中添加/:id来对应 $router.push 中path携带的参数。在子
阅读全文
摘要：原文地址 我们知道，vue和react都实现了一套虚拟DOM，使我们可以不直接操作DOM元素，只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。 vue和react的虚拟DOM的Diff算法大致相同，其核心是基于两个简单的假设：1. 两个相同的组件产生类似的DOM结构，不同的
阅读全文
摘要：原文地址 v-on可以监听多个方法 <template> <div class="about"> <button @click="myclick('hello','world','你好世界',$event)">点我text</button> <!-- v-on在vue2.x中测试,以下两种均可-->
阅读全文
摘要：原文地址 修饰符 .lazy 在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步： .number 如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符
阅读全文
摘要：原文地址 相同点：v-if与v-show都可以动态控制dom元素显示隐藏 不同点：v-if显示隐藏是将dom元素整个添加或删除，而v-show隐藏则是为该元素添加css--display:none，dom元素还在。 都修改为false后，第一个div是直接被移除掉了 需要注意的是，当一个元素默认在c
阅读全文
摘要：原文地址 React React 和 Vue 有许多相似之处，它们都有： 使用 Virtual DOM 提供了响应式 (Reactive) 和组件化 (Composable) 的视图组件。 将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。 由于有着众多的相似处，我们会用更多的
阅读全文
摘要：首先致敬所有积极分享自己的学习经验的程序猿。本文及其链接的绝大部分文章均属各个网站上面排名靠前，条理清晰的文章。考虑到如果只放链接可能会存在失效导致无法访问的问题，对应的复制粘贴了这些文章过来。对每一篇复制的文章均在文章顶部加了原文地址，以示尊重。 再次郑重的感谢所有的贡献者，是你们无私的精神引领前
阅读全文
摘要：vue是一个渐进式的框架，我是这么理解的 vue是一个渐进式的框架，我是这么理解的 原文地址 时间:2017-10-26 10:37来源:未知 作者:admin 每个框架都不可避免会有自己的一些特点，从而会对使用者有一定的要求，这些要求就是主张，主张有强有弱，它的强势程度会影响在业务开发中的使用方式
阅读全文
