![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 77
maya1024
边学习边分享。
展开
-
element-ui弹出框popover点击外部不消失的解决办法
element-ui弹出框popover点击外部不消失的解决办法设置trigger为manual;用点击方法来控制是否关闭。<el-popover v-model="isShow" placement="right" width="400" trigger="manual"> 234 <el-button slot="reference" @click.native="onShow">click 激活</el-button></e原创 2022-01-25 16:08:24 · 6658 阅读 · 12 评论 -
手写一个electron本地音乐播放器
myaMusic一个基于 electron-vue 开发的音乐播放器使用:vue+element+electron源码地址: maya1900/myamusic: a simple local music player. (github.com)安装npm i运行npm start打包npm run starting说明1.添加单/多个本地音乐,添加文件目录,删除delete;2.播放歌曲,歌词同步(歌词lrc文件同名,放和歌曲同级目录下),最小化到托盘;3.原创 2021-11-22 22:15:58 · 490 阅读 · 0 评论 -
dagre/dagre-d3绘制流程图
dagre/dagre-d3绘制流程图概念步骤知识点配置项gragh 配置node 配置edge 配置交互拖拽缩放鼠标悬停 tootip参考概念dagre 是专注于有向图布局的 javascript 库,由于 dagre 仅仅专注于图形布局 #F44336,需要使用其他方案根据 dagre 的布局信息来实际渲染图形,而 dagre-d3 就是 dagre 基于 D3 的渲染方案。dagre: https://github.com/dagrejs/dagredagre-d3: https://gith原创 2021-06-05 00:46:55 · 8429 阅读 · 7 评论 -
实现codemirror的自定义提示的功能
实现codemirror的自定义提示的功能效果图前言代码参考效果图前言原本是使用 codemirror 的方法来实现,结果在得到行内容的时候问题不能第一次得到括号/花括号这样的符号,需要打两遍,而且实际项目中还需要做遍历操作,需要的参数过多。于是使用了 vue-codemirror,基于它封装的 vue 插件,而且功能使用上也比较方便,遂使用。代码<template> <div class="main"> <codemirror ref="原创 2021-05-20 00:07:14 · 4104 阅读 · 0 评论 -
vue调试的三种方法
vue调试的三种方法一、console.log二、debugger方法三、vscode里断点调试一、console.log这个开始学就会,不演示了。重要的是需要养成这样的能力,代码出了问题,光看是看不出来问题的。二、debugger方法vscode安装插件,debugger for chrome;在代码需要打断点的位置,写上debugger(如果安装eslint可能报错,这时鼠标移到代码出现小灯泡,点击选第一项忽略即可);npm run serve启动,到了断点位置浏览器会停下来;在浏原创 2021-05-09 21:08:10 · 29326 阅读 · 5 评论 -
slot插槽二三事
slot插槽二三事前言一、slot是什么?二、插槽分类1.匿名插槽(1)当父组件标签内不写内容时:(2)当父组件标签内填写内容时:2.具名插槽(1) 父组件内标签不指定替换内容:(2)父组件内容指定替换内容:3.作用域插槽4.动态插槽参考前言复习了下vue,感觉slot这块有点忘了,又捡起再复习了一下,又学到了一些新知识,在此记录。一、slot是什么?官方的解释是:Vue 实现了一套内容分发的 API,这套 API 的设计灵感源自 Web Components 规范草案,将 slot 元素作原创 2021-03-08 11:40:28 · 282 阅读 · 1 评论 -
从“心”认识Vue(六):vue-cli相关
从“心”认识Vue(六):vue-cli相关前言一、vue-cli安装二、vue-cli初始化项目三、vue项目目录四、vue的启动流程五、其它补充参考前言学习vue的时候学完模板语法,上来就开始了脚手架,虽然上手快了点,但是感觉还是少了一点衔接,知识遇到了断层,于是自己就再补了一点,理解起来比较顺畅一些。上一篇文章:从“心”认识Vue(五):父组件与子组件一、vue-cli安装在终端下运行:npm install -g @vue/cli检查版本:vue --version原创 2021-02-12 18:04:27 · 360 阅读 · 5 评论 -
从“心”认识Vue(五):父组件与子组件
从“心”认识Vue(四):父组件与子组件前言一、父组件与子组件的关系二、注册组件语法糖三、模板与组件的分离写法四、组件可以访问vue实例数据吗?五、为什么组件的data必须是一个函数?六、父子之间通信1.父传子2.子传父七、父访问子/子访问父1.父访问子一、ref方法二、children方法2.子访问父:八、非父子通信(以后再讲)1.中央事件总线2.vuex状态管理总结前言学习vue的时候学完模板语法,上来就开始了脚手架,虽然上手快了点,但是感觉还是少了一点衔接,知识遇到了断层,于是自己就再补了一点,原创 2021-01-29 01:00:38 · 352 阅读 · 0 评论 -
从“心”认识Vue(四):组件的基本使用
从“心”认识Vue(四):组件的基本使用前言一、组件化是什么?二、注册组件1.使用步骤2.步骤分析三、全局组件与局部组件1.全局组件2.局部组件总结创建组件的步骤:全局组件与局部组件前言学习vue的时候学完模板语法,上来就开始了脚手架,虽然上手快了点,但是感觉还是少了一点衔接,知识遇到了断层,于是自己就再补了一点,理解起来比较顺畅一些。一、组件化是什么?vue的核心思想就是数据驱动和组件化,组件化作为vue的重要思想,就是将页面分为多个组件,每个组件实现一个功能块,可以让我们的项目更方便的维护和原创 2021-01-24 17:52:16 · 131 阅读 · 1 评论 -
从“心”认识Vue(三):再谈v-model
从“心”认识Vue(三):再谈v-model前言一、v-model的基本使用1.v-model绑定text输入框2.v-model绑定原理二、v-model与radio三、v-model与checkbox1.单选框2.多选框四、v-model与select下拉菜单1.单选时2.多选时五、v-model的值绑定六、v-model的修饰符1.lazy2.number3.trim总结前言开始学习vue了,但是编程的思想还是不容易转变过来,一两周过去了,只知道个大概,知其然而不知其所以然,打算开一个系列帖,重原创 2021-01-22 11:55:15 · 257 阅读 · 1 评论 -
从“心”认识Vue(二): 计算属性和methods方法的区别
从“心”认识Vue(二): 计算属性和methods方法的区别前言一、methods方法二、computed计算属性三、计算属性补充总结前言开始学习vue了,但是编程的思想还是不容易转变过来,一两周过去了,只知道个大概,知其然而不知其所以然,打算开一个系列帖,重新认识下vue。上篇文章:从“心”认识vue(一):我的第一个vue一、methods方法vue中调用函数方法通常在methods中添加:先看下面小例子:<!DOCTYPE html><html lang="原创 2021-01-20 10:34:48 · 158 阅读 · 1 评论 -
从“心”认识vue(一):我的第一个vue
重新认识vue(一):我的第一个vue前言一、vue是什么?二、编程范式1.命令式编程2.声明式编程三、第一个vue1.vue都做了什么?2.vue的响应式总结创建vue实例的步骤:前言开始学习vue了,但是编程的思想还是不容易转变过来,一两周过去了,只知道个大概,知其然而不知其所以然,打算开一个系列帖,重新认识下vue。一、vue是什么?vue是一套构建用户界面的渐进式的自底向上增量开发MVVM框架.渐进式 : 不做职责以外的事情,可以局部使用也可以全局使用自底向上增量开发:从基础到复杂原创 2021-01-19 11:01:48 · 129 阅读 · 0 评论