随笔分类 -  vue

• 项目优化之v-if
  摘要：前言： 在vue项目中，由于功能比较多，需要各种条件控制某个功能、某个标签、表格中的某一行是否显示等，需要使用大量的v-if来判断条件。 例如： <div v-if="isShow(a, b)">this is a tag</div> <input v-model="c"></input> <scr 阅读全文
  posted @ 2020-12-14 22:16 我叫大王来巡山 阅读(435) 评论(0) 推荐(0)
• vue.$set实现原理
  摘要：上源码： export function set (target: Array<any> | Object, key: any, val: any): any { if (process.env.NODE_ENV !== 'production' && (isUndef(target) || isP 阅读全文
  posted @ 2020-10-22 00:19 我叫大王来巡山 阅读(4882) 评论(0) 推荐(1)
• vue如何监听数组的变化
  摘要：export function def (obj: Object, key: string, val: any, enumerable?: boolean) { Object.defineProperty(obj, key, { value: val, enumerable: !!enumerabl 阅读全文
  posted @ 2020-10-21 13:16 我叫大王来巡山 阅读(1110) 评论(0) 推荐(0)
• vue.$nextTick实现原理
  摘要：源码： const callbacks = [] let pending = false function flushCallbacks () { pending = false const copies = callbacks.slice(0) callbacks.length = 0 for ( 阅读全文
  posted @ 2020-10-18 20:40 我叫大王来巡山 阅读(265) 评论(0) 推荐(0)
• vue2和vue3比较
  摘要：一.vue3新特性： 1.数据响应重新实现（ES6的proxy代替Es5的Object.defineProperty） 2.源码使用ts重写，更好的类型推导 3.虚拟DOM新算法（更快，更小） 4.提供了composition api，为更好的逻辑复用与代码组织 5.自定义渲染器（app、小程序、游 阅读全文
  posted @ 2020-10-12 07:57 我叫大王来巡山 阅读(8690) 评论(0) 推荐(0)
• 使用vue-cli+webpack搭建vue开发环境
  摘要：在这里我真的很开心，好久没有用过博客，今天突然看到了我的博客有不少人看过，虽然没有留下脚印，但是还是激起了我重新拿起博客的信心，感谢大家。 在这里我们需要首先下载node，因为我们要用到npm包下载，是基于node的 废话不多说，我们直接进入正题 下载node，同时需要下载git，以后我们就在git 阅读全文
  posted @ 2017-04-05 22:46 我叫大王来巡山 阅读(23356) 评论(1) 推荐(1)
• vue计算属性
  摘要：这是模板不在简单和清晰，在实现反向显示message之前，应该确认它，这个问题不知一次反向显示message的时候变得更加糟糕。 这就是为什么任何复杂逻辑，都应当使用计算属性。 实例： 这里我们声明了一个计算属性，reverseMessage。我们提供的函数将作用水性vm.reversedMessa 阅读全文
  posted @ 2017-03-03 14:49 我叫大王来巡山 阅读(813) 评论(0) 推荐(0)
• vue模板语法
  摘要：插值 文本：数据绑定最常见的形式就是使用‘Mustache’语法（双大括号） MUstache标签将会替代为对象上的mag属性的值，无论何时，绑定的数据对象上mag属性发生了改变，插值处的内容都会更新。 通过使用v-once指令，你也能执行一次性插值，当数据改变时，插值处的内容不会更新。但是会硬性到 阅读全文
  posted @ 2017-03-02 10:58 我叫大王来巡山 阅读(321) 评论(0) 推荐(0)
• vue实例
  摘要：一、构造器 每个vue应用都是通过构造函数vue创建一个vue的根实例启动的 二、属性和方法 每个vue实例都会代理其data对下里所有的属性： 只有这些被代理的属性时相应的，不会触发视图的更新 除了data属性，vue实例暴露的一些有用的实例属性和方法，这些属性和方法都有前缀$,以便于代理的dat 阅读全文
  posted @ 2017-02-26 22:06 我叫大王来巡山 阅读(252) 评论(0) 推荐(0)
• vue介绍啊
  摘要：声明式渲染：vue的核心是一个允许你才用一个简洁的模板语法来声明式的将数据渲染进行DOM的系统 除了绑定插入文本的内容，我们还可以才用这样的方式绑定DOM元素属性： 你看到的v-bind属性被称为指令。指带有v的前缀，表示vue提供的特殊属性，他们在渲染DOM上应用特殊的响应式行为 二、条件与循环 阅读全文
  posted @ 2017-02-25 23:13 我叫大王来巡山 阅读(253) 评论(0) 推荐(0)
• javascript-vue-过滤器
  摘要：一个vue的过滤器本质上是一个函数，这个函数会接收一个值，将其处理并返回。过滤器在指令中有一个符（|）标记，并且跟随一个或多个参数： 过滤器必须放在一个指令的值得最后： 也可以用在mustache风格的绑定的内部： 可以串联多个过滤器： 参数 一些过滤器可以接受参数的。参数用空格分隔开 纯字符串参数 阅读全文
  posted @ 2017-02-16 19:49 我叫大王来巡山 阅读(255) 评论(0) 推荐(0)
• javascript-vue-指令
  摘要：一个指令的本质就模板中出现的特殊标记，让处理模板的库知道需要对这里的DOM元素进行处理。 vue的指令概念相比ng要简单的多。vue中的指令只会以带前缀的html特性的形式出现： 简单示例 这里的前缀默认是v-。指令的ID是text，表达式是message。这个指令告诉vue，当vue实例的mess 阅读全文
  posted @ 2017-02-16 19:37 我叫大王来巡山 阅读(244) 评论(0) 推荐(0)
• javascript-vue介绍
  摘要：vue.js是一个用于创建web交互页面的库 从技术角度讲，vue专注于MVVM模型的viewModel层，它通过双向数据绑定把view层和model层连接起来，实际DOM封装和输出格式都被抽象为Directive和Filters。 概念综述： ViewModel 一个同步model和view的对象 阅读全文
  posted @ 2017-02-15 20:13 我叫大王来巡山 阅读(996) 评论(0) 推荐(0)