Vue
关注
分享
扫一扫
文章平均质量分 51
Vue.js系列，包括基础知识、核心原理、vue-router、vue-cli、vuex、element-ui、vant、cube、SSR、优化等。
前端砖家^_^
7年经验的骨灰级前端工程师，前端架构师，自信阳光IT男 ^_^
展开
-
【vue+antd】上传图片 - 使用customRequest方法自定义上传
基于antdv 1.7版本，实现图片墙UI，图片的base64格式上传、删除、回显及进度条等功能。原创 2022-11-18 11:52:46 · 2469 阅读 · 0 评论 -
Vuex 的哲学及常见面试题
Vuex 的哲学 Vuex是专门为Vue服务，用于管理页面的数据状态、提供统一数据操作的生态系统，相当于数据库mongoDB，MySQL等，任何组件都可以存取仓库中的数据。 其中vuex类似的 还是有Redux,Redux大多用于React,针对Redux后续在做补充，现在就让我们好好了解下Vuex到底是个啥东西？概念理解性（必读）Vuex采用MVC模式中的Model层，规定所有的数据必须通过action--->mutaion--->state这个流程进行来改变状态的...原创 2021-12-08 14:31:55 · 170 阅读 · 0 评论 -
uni-app 常用的页面间通讯方式
uni-app 是一个使用 vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。一、利用url传参进行通讯A页面向B页面传递参数uni.navigateTo({ url: 'test/test?id=1&url=' + encodeURIComponent('https://dcloud.io') });B页面接收A页面传递的参数原创 2021-12-08 14:08:24 · 894 阅读 · 0 评论 -
Vue制作表单按钮编辑页
vueFormSetting.html:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href="../../build/common/base.css?v=1116" rel="stylesheet"> <script type="text/javascript" src="../../buil.原创 2021-12-08 10:15:07 · 430 阅读 · 0 评论 -
angular1.x指令校验与vue2.x校验在项目中的对比
angular1.x指令：/** * 页面表单通用指令。 */var directive = angular.module("baseDirective", ["base"]) /** * 校验指令. 用法： <input type="text" ng-model="user.name" * ab-validate="{require:true}" /> * * 具体的规则： /js/common/CustomValid.js 的rule原创 2021-12-07 16:41:05 · 129 阅读 · 0 评论 -
学习 Vue 3.0 diff 算法及原理
Vue 3.0 采取的 diff 算法和 2.0 的双端比较有点不同。原创 2021-12-06 17:51:59 · 158 阅读 · 0 评论 -
React与Vue实现Input去除首尾空格的对比
需求：要求所有的input框提交前自动去除首尾空格，全部都是空格就全部去除。 最简单的办法是在提交前对数据作处理，但是这样会带来很多的重复性工作，所以需要把这层逻辑抽取出 来。一、React的做法目前用的是 React 开发，而 React 并没有原生提供类似功能，使用的 Antd 也没有提供，需要我们 自己封装。 如果都是 Input 组件，我们直接封装一层，加上去除首尾空格的逻辑即可。 去除的最佳时机应该是输入框失去光标的时候，所以应该监听 blur 事件。具体代码如下：import React原创 2021-12-06 14:40:39 · 2980 阅读 · 0 评论 -
Vue组件通信方式总结
文章目录一、父组件 => 子组件二、子组件 => 父组件: 自定义事件三、兄弟组件: 通过共同祖辈组件四、祖先和后代之间五、任意两个组件之间: 事件总线或vuex一、父组件 => 子组件属性 props//childprops: {msg: String}//parent<HellowWorld msg="welcome to your vue.js App" />特性 $attrs//child, 并未在props中声明foo<p>{{$a原创 2021-12-03 18:35:33 · 91 阅读 · 0 评论 -
封装vue自定义指令v-ab-editor 百度富文本编辑器
/** * 富文本框指令：<textarea v-ab-editor:[editorconfig]="data.objPages.PageContent" height="100"></textarea> * v-ab-editor：数据表达式 editorconfig:编辑器配置 height:文本框高度 * eg: * editorconfig = { initialFrameHeight: window.innerHeight - 260, enable原创 2021-11-26 18:22:22 · 417 阅读 · 0 评论