前言 虚拟 DOM 结构概念随着 react 的诞生而火起来，之后 vue2.0 也加入了虚拟 DOM 的概念。 阅读 vue 源码的时候，想了解虚拟 dom 结构的实现，发现在 src/core/vdom/patch.…

前面我们讲过，在使用 vue-router 的时候，主要有以下几个步骤： // 1. 安装 插件 Vue.use(VueRouter); // 2. 创建router对象 const router = new VueRo…

联动规则的构建（我的构建方式）：构思：整个form表单分为2个部分1是form 主要是整个form的显示，提交取消回调，错误信息显示等2输入控件：如select等 现在添加联动规则，select为例：select的选项获…

原文地址 https://github.com/MY729/pict… 在vue项目中实现图片裁剪功能 演示地址 https://my729.github.io/picture-crop-demo/dist/…

Html代码: <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <div id="app"> …

指令（directive） v-bind <[标签类型] v-bind:[标签属性]="[JavaScript 表达式，变量均为 data 或 methods 的成员]" /> <[标签类型] :[标签…

Vue项目通过Hbuild打包为APP后，静态文件正常显示，但并没有像开发时那样请求到数据。这是为什么？因为APP并没有跨域，不存在跨域一说。我们在开发的时候，js在不同的域之间进行数据传输或通信,所以会给项目设置代理来…

作为一个中后台表单&表格工程师，经常需要在一个页面中处理多个弹窗。我自己的项目中，一个复杂的审核页面中的弹窗数量超过了30个，如何管理大量的弹窗就成为了一个需要考虑的问题。 大量的弹窗有什么问题 假设你有一个弹窗…

如果你也像我一样，在select上面需要绑定整个返回的数据值，但是展示只显示一些name,并且可以多选。那么你可能会遇到我这个一样的问题。 el-select绑定值为对象时，报错[Vue warn]: <trans…

第一种情况： 简单传值，子组件只负责显示；父组件向子组件传递一个hello word; 子组件接收并显示出来；父组件Father.vue <template> <div id="app"> <…

this.$data是表示当前的改变后的this中的数据，而this.$options.data()是表示没有赋值前的this中的数据,表示 初始话的data. 当在页面中要对data中的数据进行多组操作时，防止每组数据…

前言 最近前端最火热的话题无法就是flutter,不管是刷哪个论坛，必定有探讨flutter的文章。没用过flutter，但是对于跨平台的技术，最近一直都在研究。 为什么是uni-app 之前一直在找解决跨平台的方案，尝…