本文简介使用 Vue 开发时，肯定会接触到 组件 的概念，无可避免的也会接触到 组件通讯 的概念。组件通讯的方式有很多种，我在 《Vue3 过10种组件通讯方式》 一文中粗略罗列了 Vue3 常用的组件通讯方法。在 Vue 2 中除了 $attrs 外，还有 $listeners ； Vue 3 把 $listeners 合并到 $attrs 里了。而本文的
......
374
0
0
2022-10-30
本文简介在使用第三方UI组件库时会发现可以在他们的组件上使用 v-model ，比如 Element-UI 或者 Element-plus 的 el-input 就可以使用 v-model 进行数据绑定。本文就以 input 元素做例子，实现在自定义组件中使用 v-model 进行数据绑定。我创建一个自定义组件，名字叫 z-input ，我希望在父组件可以使
......
379
0
0
2022-10-30
自定义防抖指令一、用于查询、重置按钮实现防抖（v-debounce）；1.先创建一个js文件创建一个debounce.js文件，放在scr/directives文件夹里面export default (vue) => {
/**
* 绑定方法
* @param {Object} el - The element the direc
......
401
0
0
2022-10-27
常见的几个问题刷新页面空白addRoute 没有加载完成就访问 -> next() 改成 next({…to, replace: true})路由重名, 检查路由的name是否有重复路由守卫死循环添加一些条件, 比如: 判断是否已经获取到了路由数据刷新页面会跳转到404页面在动态路由添加完成后, 再添加404的路由Vite 的组件懒加载const vi
......
540
0
0
2022-10-25
来源尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通数据代理通过vm对象来代理data对象中属性的操作（读/写）通过Object.defineProperty()把data对象中所有属性添加到vm上。为每一个添加vm上的属性都指定一个getter/setter 在getter/setter内部去操作（读/写）data中对应的属性认识Objec
......
374
0
0
2022-10-14
Vue props in emit out筆記props基本使用vue可以利用 props 將外部傳入資料到內部，props為單向數據流可以透過範例了解，建立一個子組件，將預傳入資料放在props陣列中，利用v-bind:photo-url傳入或是:photo-url，因在html中沒有區分大小寫駝峰命名需用 - 做連接。<!-- 靜態引入-->
......
378
0
0
2022-10-03
“框架是什么？为什么要有框架？在众多的框架之中，Vue独具魅力之处在哪里呢？其背后的核心思想是什么？Vue究竟火到什么程度？最近发布的Vue2.0又做了哪些改进呢？Vue和Weex又是怎样的一种合作？本文根据尤雨溪在2016 QCon 全球软件开发大会（上海）上的讲演整理而成。Tips：今天文章头图来自于两位迷妹的坚持，有颜有才，这样的程序员请再来一打！作者
......
478
0
0
2022-08-14
首先建立一个子组件<template>
<div class="Child">
</div>
</template>
<script lang='ts'>
import { Options, Vue } from 'vue-class-component';
@Opti
......
388
0
0
2022-07-27
目录一个简单vue应用的创建选择什么方式创建vue应用创建项目结构分析运行vue.js知识点的学习vue.js是怎么构成一个spa应用组件vue实例响应式模板语法vue.js细化学习过滤器——后台得到的数据格式不是你想要的？过滤器帮你！指令——还想用DOM操作节点？指令帮你实现！混合——个个组件重复写方法很麻烦？混合帮你解决！组件——如何开发出灵活的组件过渡
......
389
0
0
2022-07-18
前篇——Vue.js插件vuex由于这几天有点事，实在很难找打时间来好好写文章，今天百忙偷闲，开始写这篇文章目录ajax简介axios介绍手把手封装一个ajax封装好的ajax特点正篇ajax简介AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），在以往，我们刷新一个页面，必须要向服务器提交一个h
......
455
0
0
2022-07-16
业务需求我们需要在单页面应用中，在页面切换的过程中也保持某些输入框的状态。例如在页面A使用手机号搜索出了一个列表，从B页面切换回A页面时，还要保持手机号的输入和搜索结果。页面生命周期对于传统页面，一个页面的生命周期就是从加载网页到关闭或刷新网页，用户的操作全部都是在这个生命周期里，开发的时候考虑单个生命周期的状态及数据流动即可。页面切换会导致url变化，从而
......
457
0
0
2022-07-13
在使用 VSCode 开发 Vue3 + TS 项目时，编辑器一直有一个报错，因为不影响编译和运行，所以就一直没在意，但这两天看着这红杠提示实在是太别扭，今天就来解决一下这个问题，还自己一个清爽的开发环境。在网上查找了很多资料，靠谱的不好找，但是功夫不负有心人，最终问题还是解决了，在这里记录一下，避免日后踩坑，也给有需要的朋友省点查找资料的麻烦。报错信息具体
......
459
0
0
2022-07-08
目前，在学习使用Vue2.0开发新的项目。然而目前用Vue实现的UI框架里面，尚未出现具有像bootstrap一样统治力的框架。一番纠结后，老夫...那么问题来了，在Vue中如何引入jQuery和swiper呢？经历半天搜索、比对、尝试之后，得出了下面的结论，单用 webpack 时设置同理。引入jQuery这个问度娘就有很多方案，我这里选取的是将jQuer
......
458
0
0
2022-06-02
构建模板小程序步骤项目说明：uni-app构建小程序，vue+element构建后台框架。原理：可绑定第三方平台服务商，在第三方服务商的详情>开发配置中可绑定开发小程序，通过此小程序上传的代码可成为小程序模板，通过小程序模板库的某个模板，可批量生成小程序。批量生成小程序的时候需要先填写项目名称，小程序appid,oemid等值，填写完毕需要小程序的管理
......
661
0
0
2022-05-23
相信很多正在用 element-ui 组件的同学，都会用到过 el-form 表单组件，这个组件帮助我们完成了表单验证和表单提交功能，但是在用的时候，会发现一些不方便的地方，比如说验证规则无法方便地复用。关于无法方便地复用比如说我的表单需要一个手机号格式验证规则，如果我在一个页面里面使用了，我就在这个页面里面复制一遍这个规则，这个还好，但是如果我在项目中的另
......
459
0
0
2022-05-17