![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
明澈微寒skye
这个作者很懒,什么都没留下…
展开
-
Vue 2 源码中的工具函数 - (一、判断型函数)
一、判断型函数1. emptyObjectObject.freeze({}); 冻结对象,即对象的第一层不能修改。2. isUndef 判断变量是 未定义3. isDef 判断变量是 已定义和上述判断正好相反。4. isTrue 判断变量是否未true。5. isFalse 判断变量是否未false。6. isPrimitive 判断变量试是否是 原始数据类型primitive: 原始,初始;原始数据类型: string number symbol boolean7. i原创 2022-07-06 16:55:29 · 948 阅读 · 0 评论 -
vue3 中的 watch 小结
主要总结一下在vue3中使用watch的几种常见的方式,在项目使用中依据不同的场景进行使用。1. 监听一个变量注意:如果这个obj是 reactive,那么无法监听到oldV。同样有个好处:reactive自动开启深度监听,不需要deep。2. ref 变量的深度监听3. 监听多个变量PS: 只要其中一个有修改,就监听到变化4. 监听某个obj的某个属性或者5. watchEffect —— 自动监听变量,立即生效它与watch的不同之处在于一下几点:1)不需要声明监听的变量,原创 2022-07-01 17:09:54 · 1242 阅读 · 0 评论 -
vue3.0 中的 ref 和 reactive 小结
在vue3.0中,声明一个变量最常使用的就是ref 和 reactive 两种类型。这篇来总结一下两者的相同点和不同点。一、ref创建一个响应式的变量,主要是一些 基本数据类型,可以直接返回创建的值。因为ref( ) 创建的是一个对象,所以在js中读取使用 .value 形式获取, 但在 template模板中可以直接读取,自动展开渲染内部的值。二、reactive创建一个响应式的对象,主要是 object 和 array 类型。它与ref创建的变量有几点不同:在template模板中,需要用 x.y原创 2022-06-06 14:50:06 · 891 阅读 · 0 评论 -
vue踩坑系列-v-for和v-if的重复循环
遇到的问题是: 前端获取的数据是正确的,渲染传参也是正确的。但是在页面展示时却出现了重复渲染。代码如下:<ul> <li v-for="(item, index) in data" :key="index" v-if="show"> 111 </li> <li v-for="(item, index) in dat原创 2018-11-12 11:17:52 · 5562 阅读 · 1 评论 -
Vue系列之初体验(一)
前言伴随大前端时代的到来,越来越多的前端框架接踵而至。对于一些刚刚接触前端的小伙伴们,可能不太了解什么是框架。个人的理解是框架可以为前端开发者提供一整套技能,通过规定好的代码结构做编排,开发者只需要按部就班的编写与业务相关的代码即可。同时框架还为我们提供了一些优化、技能更强大的隐形接口,使你在升级打怪的路上一路畅通无阻。讲到这里是不是觉得开发web产品就很有必要用上框架啦。正文...原创 2019-06-13 11:34:40 · 112 阅读 · 0 评论 -
Vue系列之实例(二)
前言接着上一篇讲到了如何搭建一个vue项目,今天我们来具体讲解一下进行业务层面的开发的基础架构。本文主要讲解一下vue的实例参数有哪些,以及应用场景。正文在上一篇章中提到项目入口文件,可以在webpack.base.conf.js中找到:entry { app: './src/main.js'}在main.js中会有一个vue的实例,每个vu...原创 2019-06-13 11:43:40 · 111 阅读 · 0 评论 -
Vue系列之模板语法(三)
前言之前的两篇对vue做了整体和基础的介绍,今天主要讲解一下vue的基础语法之一——HTML模板。Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据,将模板编译成虚拟 DOM 渲染函数。结合响应系统,智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。正文1. 显示文本数据绑定...原创 2019-06-13 11:47:41 · 154 阅读 · 0 评论 -
Vue系列之指令(四)
前言紧接上一篇的模板,今天来介绍一下指令( Directives )。它的任务就是当js表达式改变时,可以动态地对dom进行响应,本章节仅对指令进行入门级讲解,后续在事件等其他章节会给大家更加详细的讲解哒~正文1. 参数指令以v-名称:参数的形式存在。例如,v-bind 指令可以用于响应式地更新 HTML 特性:<a v-bind:hr...原创 2019-06-14 09:44:31 · 146 阅读 · 0 评论 -
Vue系列之条件渲染(五)
前言之前介绍了v-bind和v-on指令,今儿来介绍一下vue的条件渲染。一般的页面开发中会依据不同的判断条件来控制dom是否显示在页面上,以及dom元素是否存在。本章节就重点介绍v-if和v-show指令。正文1. v-ifv-if指令用于动态的渲染一部分内容,通过js语句返回为true时dom元素被渲染;反之,不存在。,举个...原创 2019-06-14 09:46:20 · 99 阅读 · 0 评论