coderYYY的博客

前端程序媛，目前主攻。

前端程序媛，目前主攻。

对el-dialog进行封装是一个不错的选择。本文将介绍两种封装el-dialog的方法：一种是使用$emit触发父组件事件，另一种是使用.sync实现双向绑定。本文介绍了两种封装el-dialog组件的方法：一种是使用$emit触发父组件事件，另一种是使用.sync实现双向绑定。这两种方法各有优缺点，开发者可以根据具体需求选择适合的方法。

自定义合计方法

多选框的样式，单选框的效果

本文是通过在Vue中监听window的resize事件，动态设置html的font-size，以达到自适应效果。

此博客将详细介绍Vue-router传参的方法大全

监听checkbox，改变时，重新渲染表格列，同步保存到本地缓存。

el-select下拉选择器搜索选项，自定义搜索方法，结合后端接口远程搜索

在前面我们讲解过计算属性computed：当我们的某些属性是依赖其他状态时，我们可以使用计算属性来处理如何使用computed函数呢？下面我们来看看computed函数的基本使用

ActiveReportsJS 设计器控件就会出现在页面中，可以做一些基本的控件添加，修改，数据绑定等操作来测试设计器的功能。以上的代码运行后，我们发现，它是英文的，这使用起来就不太方便了，我们这里可以对它进行一个本地化，转为中文。文件，添加代码如下，单文件组件 调用 Vue 报表设计器来加载上一步骤创建的报表模板。以上代码是初始化报表设计器示例，需要注意的是宿主元素ID 一定要可用。创建 Vue 应用的最简单的方法是使用Vue CLI。的新文件，并在该文件中插入以下JSON内容。或者使用yarn命令。

Vue实现角色权限动态路由详细教程，在vue-admin-template基础上修改，附免费完整项目代码，有详细注释

vue-admin-template里面本身是没有TagViews标签页的，只有完整版的vue-element-admin才有，翻找网上的其他教程，要么代码不完整，要么有bug，本篇文章就教大家如何在vue-admin-template的基础上新增TagViews-新增文件夹，并新建文件，：从vue-element-admin复制文件并放到相同目录下2. 修改\src\layout\components\AppMain.vue新增修改以下内容代码：3. 修改\src\layout

渲染不出来是因为第二层那里缺少一个容器，用一个组件专门用来渲染即可。

coderwhy Vue3+Ts笔记（十）组件化知识补充（动态组件，keep-alive，异步组件，生命周期）

element上传文件

Vue 项目打包部署到Gitee详细教程，无空白bug

在项目开发中，我们在某个页面进行操作可能要先进行登录，那么如何在登录后跳转回我们登录前的页面呢？使用Vue-Router可以轻松完成这个需求。

组件插槽，具名插槽，作用域插槽

Vue3父子组件通信props和emit

关注我，可以收到更新推送哦。

在实际开发中，我们通常会在构建工具中通过配置babel来对其进行使用的，比如在webpack中。查看转换后的结果我们会发现const并没有转成var。另外，我们也可以编写其他的.vue文件来编写自己的组件；重新打包即可支持App.vue的写法。接下来我们编写自己的。......

webpack打包图片字体，plugin

需要课程请去腾讯课堂联系coderwhy老师购买 此笔记主要来源于课程ppt(了解) 一、认识webpack事实上随着前端的快速发展，目前前端的开发已经变的越来越复杂了：比如开发过程中我们需要通过模块化的方式来开发；比如也会使用一些高级的特性来加快我们的开发效率或者安全性，比如通过ES6+、TypeScript开发脚本逻辑，通过sass、less等方式来编写css样式代码；比如开发过程中，我们还希望实时的监听文件的变化来并且反映到浏览器上，提高开发的效率；比如开发完成后我们还需要将代码进.

我在Vue中对做了一个封装，封装后进行POST请求。在控制台中，后端响应成功/失败是有返回res数据的，但是响应失败的时候在Vue中打印res却为。试着使用和也没有效果解决方法原来是我在axios封装拦截器的时候，忘记把给出去，所以调用的时候是取不到失败时候的值，只需在axios封装的时候返回一下；无论是响应成功/失败，都必须return！！！！有空的话会出个的教程（这个在项目中很重要）...

ElementUI的bug/方案/使用技巧合集，会一直更新在这篇文章后面，建议关注或者收藏，方便下次阅读。

Vue/Vue-cli/ElementUI报错bug问题分析和解决方法，持续更新中

pig-ui使用记录

别轻易用cnpm，会变得不幸今天在安装pig-ui的依赖包时，使用cnpm install安装的（因为官方用的也是cnpm）但是在安装过程中，不止安装速度缓慢还报错retry GET https://registry.npmmirror.com/monaco-editor/-/monaco-editor-0.27.0.tgz after 100ms, retry left 4, ResponseTimeoutError: Res ponse timeout for 120000ms, GET htt

子级向父级传递—自定义事件当子组件需要向父组件传递数据时，用到的是自定义事件自定义事件的流程：在子组件中，通过$emit()来触发事件。在父组件中，通过v-on来监听子组件事件。我们来看一个简单的例子：我们之前做过一个两个按钮+1和-1，点击后修改counter。我们整个操作的过程还是在子组件中完成，但是之后的展示交给父组件。这样，我们就需要将子组件中的counter，传给父组件的某个属性，比如total。 <!--父组件模板--> <div i

现在可以说整个的大前端开发都是组件化的天下，无论从三大框架（Vue、React、Angular），还是跨平台方案的Flutter，甚至是移动端都在转向组件化开发，包括小程序的开发也是采用组件化开发的思想。所以，学习组件化最重要的是它的思想，每个框架或者平台可能实现方法不同，但是思想都是一样的。一. 认识组件化1.1. 什么是组件化？人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力都是有限的所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的内容。但是，我们人有.

一. Options API1.1. computed1.1.1. (理解)认识计算属性computed

一. 知识补充1.1. methods中的this1.1.1. 不能使用箭头函数我们在methods中要使用data返回对象中的数据，那么这个this是必须有值的，并且应该可以通过this获取到data返回对象中的数据。那么我们这个this能不能是window呢？不可以是window，因为window中我们无法获取到data返回对象中的数据；但是如果我们使用箭头函数，那么这个this就会是window了；我们来看下面的代码：我将increment换成了箭头函数，那么它其中的this

我们在写代码的过程中，有些代码片段是需要经常写的，我们在VSCode中我们可以生成一个代码片段，方便我们快速生成，提高效率。VSCode中的代码片段有固定的格式，如果是自己写那种格式的话，比较慢且可能会写错，所以我们一般会借助于一个在线工具来完成。具体的步骤如下：第一步，复制自己需要生成代码片段的代码（这里以vue3生成app的代码片段为例）；第二步，https://snippet-generator.app/在该网站中生成代码片段；第三步，在VSCode中生成代码片段；代码片段是什么

一. 认识Vue.js1.1. 认识VueVue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。全称是Vue.js或者Vuejs；什么是渐进式框架呢？表示我们可以在项目中一点点来引入和使用Vue，而不一定需要全部使用Vue来开发整个项目；1.2. Vue的安装Vue是一个JavaScript的库，刚开始我们不需要把它想象的非常复杂，我们就把它理解成一个已经帮助我们封装好的库，在项目中可以引入并且使用它即可。那么安装和使用Vue这个JavaScript库有哪些

本笔记基于coderwhy大神新课程-vue3+ts所作，原版课程地址指路—深入Vue3+TypeScript技术栈-coderwhy大神新课，请大家尽量支持正版哈本笔记集视频、课件、代码而成，较为详细，建议收藏关注，持续更新中，也可以看coderwhy公众号发的文章一起学习 Vue3+TS系统学习一 - 邂逅Vue3和TypeScript之前那个Vue2的笔记我把课件搞成文字太费时间了，这里直接放图了一、邂逅Vue3开发（一）为什么要学习Vue？1.认识Vue2.目前Vue在前端处

预告-coderWhy vue3+ts学习笔记把vue3加入学习计划好久了，一直没有开始执行，发本文是为了督促自己，如果我没更，大家催一催我（懒癌晚期）。学习笔记还是以coderWhy资料+我的代码+我的理解笔记+参考资料为主可能会出的比较慢，因为是一边学一边做笔记大家可以关注我或者关注我公众号richGirlyyy，以便及时看到更新...

Vue打包后页面空白解决办法在vue.config.js（）中添加以下代码（如果没有这个文件自己手动建一个）build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static',

coderwhy Vue个人学习笔记汇总，超详细

coderwhy Vue面试题-vue响应式原理笔记