我们知道，Vue.js的核心是数据驱动，当数据有所变化时，DOM就会被更新，比如： 当调用了changeMsg方法，msg被修改为 ' newMsg ' ，我们可以把这次修改理解为数据发生了变化，此时数据的变化就要驱动DOM变化，我们可以看到<span>oldMsg</span>变成了<span>n ...
分类：
其他好文 时间：
2017-11-24 19:03:08
阅读次数：
1913
什么是指令？ 指令 (Directives) 是带有 v- 前缀的特殊属性。 它可以写在DOM元素上，对html进行操作。常用的指令比如有：v-if，v-else，v-show，v-for等。这些都是官方直接给定的，另外Vue也允许注册自定义指令，有时这很有用。 自定义指令方法 自定义一个指令很简单 ...
分类：
其他好文 时间：
2017-11-22 14:24:08
阅读次数：
163
一.自动获取焦点的DOM实现 二.自动获取焦点vue中ref属性实现 三.自动获取焦点用Vue中使用自定义指令实现 ...
分类：
其他好文 时间：
2017-11-19 11:05:17
阅读次数：
192
一般情况下封装一个导航组件的写法 使用render函数的写法 同上，实现了同样的效果 关于render函数 1.render函数的内容必须return出来 2.它包括三个参数 2-1.第一个参数是标签，可以是函数或者字符串或者对象的形式产生 2-2.第二个参数是该标签的数据对象，也可以使用templ ...
分类：
其他好文 时间：
2017-11-17 16:18:29
阅读次数：
254
之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件，今天简单改造了一下，改成了原生JavaScript版本的分页插件，特此记录下来。如有不足之处，欢迎指出。
本插件可以实现的功能：
1. 可初始化每页条数，以及重新选择每页条数
2.自定义首末页、上下页按钮的显示内容（是：<<... ...
分类：
Web程序 时间：
2017-11-10 18:52:27
阅读次数：
250
一、自定义指令的创建和使用 Vue自带的指令很多，v-for/v-if/v-else/v-else-if/v-model/v-bind/v-on/v-show/v-html/v-text...但是这些指令都是比较偏向于工具化，有些时候在实现具体的业务逻辑的时候，发现不够用，如何来自定义指令. 1、自 ...
分类：
其他好文 时间：
2017-11-01 12:02:39
阅读次数：
229
3.全局API 3-1. Vue.directive 自定义指令 Vue.directive用于自定义全局的指令 实例如下： 效果为p标签显示为红色，directive指令中的参数1（实例中的‘sq’）可以类比前篇文章内部指令的bind、on；参数2是一个回调函数，这个回调函数包含三个参数（el:即 ...
input type="text" 没改成number，造成正则验证在英文输入法下失效... 嗯，再次被自己蠢哭。 --> - --> + directives: { numberOnly: { bi... ...
分类：
编程语言 时间：
2017-10-28 16:40:37
阅读次数：
721
vue-cli 自定义指令directive 添加验证滑块
vue-cli 自定义指令directive 添加验证滑块 ...
分类：
其他好文 时间：
2017-10-19 15:05:19
阅读次数：
176
自定义指令： 1.指令在前台实现 <#macro name param1,param2,param3...paramN> </#macro> 2.指令在后台实现 1.实现TemplateDirectiveModel接口 参数说明： environment ： 是环境变量，在这里我们可以拿到 通过 e ...
分类：
其他好文 时间：
2017-10-16 12:12:15
阅读次数：
255
