![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 62
搬运Gong
千里之行,始于足下!
展开
-
Vue 父子组件通信$ref调用踩坑
Vue 父子组件通信$ref 延迟问题原创 2023-03-24 17:29:49 · 1574 阅读 · 1 评论 -
Mac 安装 nvm 报错 - Failed to connect to raw.githubusercontent.com port 443: Connection refused解决方案
Mac 安装 nvm原创 2022-06-21 19:57:01 · 1897 阅读 · 0 评论 -
Vue 回调函数 传多个参数
Vue 回调函数 传多个参数原创 2022-06-21 08:36:49 · 2805 阅读 · 0 评论 -
Vue源码分析-数据代理
vue 的数据代理是如何实现的?通过本文的学习,让我们来一探究竟!!数据代理(MVVM.js)含义1.通过一个对象代理对另一个对象中属性的操作(读/写)2.通过vm对象来代理data对象中所有属性的操作3.好处: 更方便的操作data中的数据4.基本实现流程 1). 通过Object.defineProperty()给vm添加与data对象的属性对应的属性描述符 2). 所有添加的属性都包含getter/setter 3). 在getter/setter内部去操作data中对应的属性数据原创 2021-05-02 15:03:16 · 175 阅读 · 3 评论 -
vue-router 的使用及参数传递
vue-router 使用及参数传递原创 2021-05-02 10:04:37 · 977 阅读 · 2 评论 -
Vue父子组件通信的三种方式 props、@eventName、$on
前言vue 开发中,免不了会用到父子组件的通信,比如调用父类组件的方法或者变量;再比如父组件调用子组件的方法;父子组件相互传递数据等,本文主要通过讲解 props 的使用,来完成父子组件之间的通信。重点知识(props 的使用)在父组件中,通过引入子组件,在html部分通过子组件标签进行数据传递给对应的子组件,在子组件中,通过使用 props 来接收,并处理。我们传递的时候,数据绑定的名称尽量保持与需要传递的值保持一致,这样不容易搞混乱。另外,如果子组件要对父组件的数据进行操作的话,需要将操作的方原创 2021-04-24 15:04:12 · 1570 阅读 · 2 评论 -
Vue自定义指令
常用内置指令v:text -> 更新元素的 textContentv-html -> 更新元素的 innerHTMLv-if -> 如果为true, 当前标签才会输出到页面v-else -> 如果为false, 当前标签才会输出到页面v-show -> 通过控制display样式来控制显示/隐藏v-for -> 遍历数组/对象v-on -> 绑定事件监听, 一般简写为@v-bind -> 强制绑定解析表达式,原创 2021-04-22 13:33:29 · 135 阅读 · 1 评论 -
Vue防止表达式闪现 v-cloak
v-cloak : 使用它防止闪现表达式, 与css配合: [v-cloak] { display: none }前端开发时,经常遇到自己在页面写的表达式数据渲染慢,会直接显示表达式的问题,这样给用户的体验不好,如下图:这种情况,使用 vue 的内置指令 v-cloak 来处理即可。此指令需要与 css 配合使用,如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-04-22 10:46:03 · 240 阅读 · 0 评论 -
Vue停止事件冒泡及阻止默认行为
停止事件冒泡举个栗子:两个嵌套的 div,分别绑定了不同的事件,点击小的 div时,如果不停止事件冒泡,会继续触发外面的 div 绑定事件。 @click.stop 停止事件冒泡。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>停止事件冒泡</title></head><body><div id=.原创 2021-04-20 19:53:15 · 1037 阅读 · 0 评论 -
vue的监视(watch)与计算(computed)
在 vue 开发中,会经常用到的两个东东,记录一下。demo 可以直接运行,仅供参考!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue的计算属性和监视</title></head><body><!--1. 计算属性 在computed属性对象中定义计算属性的方法 在页面中使用{{方法原创 2021-04-17 15:41:57 · 256 阅读 · 0 评论 -
Gulp-前端项目构建工具
前言最近开发前端Vue工程,打包的时候发现 npm run build 使用的是 gulp ,之前都没有用过(自身是后端,现在前端也需要自己写,苦逼-_-),出于自己的好奇心,学习了一下,探究 Gulp 到底是个什么东东,好掌握更多知识。Gulp 初识学习一门技术,最好的渠道就是官网,果断百度了一下:英文:https://gulpjs.com中文:https://www.gulpjs.com.cn/首先查看...原创 2021-04-17 14:22:19 · 140 阅读 · 0 评论 -
Vue gyp: No Xcode or CLT version detected!
解决 gyp: No Xcode or CLT version detected! 错误提示更新Mac系统后,在用npm安装依赖包的时候总会报这个错误:gyp: No Xcode or CLT version detected!查找了网上的解决办法,基本上都是清一色的说执行这个命令即可:sudo xcode-select --install可执行后安装npm包还是会报上面的错误提示,虽然没什么实质的影响,但看着这错误提示不舒服,便继续寻找解决的办法。功夫不负有心人,在国外的一个网站上找到了解法:转载 2021-04-12 18:09:16 · 223 阅读 · 0 评论 -
Vue动态添加Class样式
随手记,经常用到。根据 data 里面定义的变量,动态渲染页面上的样式,使用三元运算解决。class=“pastPersons > 0 ? ‘select’ : ‘’”<li class="pastPersons > 0 ? 'select' : ''"> <div class="left-div0306"> <i class="iconfont icon-qianyue"></i> </div> <di原创 2021-03-12 20:15:54 · 3017 阅读 · 0 评论 -
Vue v-for 动态绑定 ID
--------------- html 部分 -------------<tr v-for="(item,index) in orderList"> <td>{{item.orderNo}}</td> <td> <button class="btn btn-primary" :id="getId(item...原创 2020-04-29 08:33:22 · 2784 阅读 · 0 评论