极简

响应式编程的核心思想是观察者模式，被观察的对象我们可以称之为数据源，所以，数据是响应式编程所关注的核心。

在浏览vue2.x的源码过程中，无意中在codeframe.js文件中看到一个repeat函数，其作用就是能够将一个字符串重复指定的次数并返回，以往看到类似的代码大多都是瞄一眼写法，然后就直接略过，然而这次我不打算轻易放过，尝试对其写法做出了逆向解释和扩展，因而有了此文。原始代码如下：functionrepeat(str,n){letresult=''if(n>0){while(true){if(n&1){...

地球上的一切工具和机器,不过是人肢体知觉的发展而已。——爱迪生背景：平常在编写vue单文件时总是拷贝一个单文件，然后修改成自己想要的格式，次数做多了未免有点繁琐。于是觉得不如写个node命令行工具，自动生成默认格式的单文件。一、准备工作node环境npm账号：用于将命令行工具存放在npm库熟悉commander.js核心工具二、实现思路基于commander.js实现一个file-create主命令，vue子命令，最终实现通过file-create vue <MyVueNam.

本文描述jsplumb.js库的vue组件化过程一、步骤创建vue项目，vue create w-vue-jsplumb引入jsplumb,编写组件测试npm发布（编写自动发布脚本）二、错误1.执行 vue create w-vue-jsplumb 产生的错误：MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。...

背景：大屏展示网页，管理端实现拖拽布局配置一、功能点拖拽实现布局配置根据配置渲染出页面二、开源工具vue-grid-layout：基于vue的可视化拖拽布局工具，可拖动改变容器大小muuri：功能和vue-grid-layout差不多，不支持拖动改变容器大小三、本文采用vue-grid-layout实现，使用详情参见Github四、实现demo效果五、改进功能点...

一、用法：provide:用在祖先组件中；值为一个对象或返回一个对象的函数；inject:用在子孙组件中；值为provide对象中的key数组或一个对象，该对象的key值为本地绑定名称,值为provide对象中的key或一个对象：{from:’provide对象中的key’,default:’默认值，用于降级处理’}二、代码：&amp;lt;template&amp;gt; &amp;lt;di...

实践加深对vue的理解和运用有效途径，本文是基于vue的可搜索下拉框定制组件实现，在此记录。在本文中没有对组件添加样式。一、效果 二、组件代码 dropdown.vue&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;vue-dropdown&amp;amp;amp;quot;&amp;

在web开发中，可能会接收到UI要求的页面元素的高度需要沾满满屏的需求，本文就在此需求的驱动下产生一、自定义指令代码：class InitScreenH { /** * 构造函数 */ constructor() { this.clasName = 'InitScreenH'; } get getClass...

一、效果 二、代码 dropdown-ext.vue&amp;amp;amp;amp;amp;lt;template&amp;amp;amp;amp;amp;gt; &amp;amp;amp;amp;amp;lt;div class=&amp;amp;amp;amp;quot;vue-dropdown-ext&amp;amp;amp;amp;quot; :class=&amp;amp;amp;amp;quot;themestyle&am

一、效果图 二、代码 progress-bar.vue&lt;template&gt; &lt;div class="vue-progress-bar default-theme"&gt; &lt;div class="vue-progress-bar__tip"&gt; &lt;span class="vue-progress-bar_...

一、引用官方解释： inheritAttrs：默认值true,在这种情况下父作用域的不被认作 props 的特性绑定 (attribute bindings) 将会“回退”且作为普通的 HTML 特性应用在子组件的根元素上 $attr：包含了父作用域中不作为 prop 被识别 (且获取) 的特性绑定 (class 和 style 除外)二、代码释义 自定义子组件：Vue....