关键词：
【Vue2.0学习】—自定义指令（四十九）
需求：
-
需求1:定义一个v-big指令， 和v-text功能相似，但会把绑定的数值放大10倍
-
需求2:定义一个v-fbind指令，和v-bind功能相似，但可以让其绑定的input元素默认获取焦点
<body>
<div id="root">
<h2>当前的n的值是：
<span v-text="n"></span>
</h2>
<h2>放大10倍后的n的值是<span v-big="n"></span></h2>
<button @click="n++">点我n++</button>
<hr>
<input type="text" v-fbind:value="n">
</div>
<script>
// Vue.directive('fbind',
// bind(element, binding)
// element.value = binding.value
// ,
// //指令所在元素被插入页面时
// inserted(element, binding)
// element.focus();
// ,
// // 指令所在的模板被重新解析时
// update(element, binding)
// element.value = binding.value
//
// )
//big函数什么时候解析?
// 1、指令与元素成功绑定时（一上来）
//2、指令所在的模板被重新解析时
const vm = new Vue(
el: '#root',
data:
n: 1
,
// 函数式
directives:
//big函数什么时候解析?
// 1、指令与元素成功绑定时（一上来）
//2、指令所在的模板被重新解析时
big(element, binding)
console.log('big', this)
element.innerHTML = binding.value * 10;
,
fbind:
//指令与元素成功绑定时
bind(element, binding)
element.value = binding.value
,
//指令所在元素被插入页面时
inserted(element, binding)
element.focus();
,
// 指令所在的模板被重新解析时
update(element, binding)
element.value = binding.value
)
</script>
</body>
配置对象中的三个回调：
vue2.0学习—v-text指令（四十五）(代码片段)
【Vue2.0学习】—v-text指令（四十五）v-text指令：作用：向其所在的节点中渲染文本内容与插值语法的区别：v-text会替换掉节点中的内容，XX不会<divid="root"><h2>你好，name</h2><h2v-tex 查看详情
vue2.0学习—v-html指令（四十六）(代码片段)
【Vue2.0学习】—v-html指令（四十六）知识储备：cookie简略图示v-html指令：作用：向指定节点中渲染包含html结构中的内容与插值语法的区别：v-html会替换掉节点中所有的内容XX不会v-html可以识别html结构严重... 查看详情
vue2.0学习—v-cloak指令（四十七）(代码片段)
【Vue2.0学习】—v-cloak指令（四十七）v-cloak指令：本质是一个特殊的属性，Vue实例创建完毕并接管容器后，会删掉v-cloak属性使用css配合v-cloak可以解决网速慢时页面展示出XXX的问题本小结知识点补充属性选择器&... 查看详情
vue2.0学习—条件渲染（三十九）(代码片段)
【Vue2.0学习】—条件渲染（三十九）一、v-for指令1、用于展示数据的列表2、语法：v-for="(item,index)"inXXX:key="yyyy"3、可遍历数组、对象、字符串、指定次数<divid="root"><h2>人员列表</h2... 查看详情
vue2.0笔记——自定义指令(代码片段)
自定义指令自定义指令主要用于，除系统提供外，自己对DOM的底层操作。例如当页面加载时需要将一个文本框为自动获得焦点。只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。我们通过全局... 查看详情
vue2.0学习—列表过滤（四十）(代码片段)
【Vue2.0学习】—列表过滤（四十）数据监视实现：<divid="root"><h2>人员列表</h2><inputtype="text"placeholder="请输入名字"v-model="keyWord"> 查看详情
vue2.0学习—列表排序（四十一）(代码片段)
【Vue2.0学习】—列表排序（四十一）<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content=&# 查看详情
vue2.0和vue3.0中自定义指令（directive）的区别(代码片段)
目录使用自定义指令vue2.0组件中注册全局中注册Vue3.0小坑自定义指令中的参数 vue2.0和vue3.0中的区别其他区别===》 vue2.0和vue3.0中语法的区别自定义指令是什么？类似于vue中的v-for v-if v-model...类似的指令语法，... 查看详情
vue2.0学习—过滤器（四十四）(代码片段)
【Vue2.0学习】—过滤器（四十四）<divid="root"><h2>显示格式化后的时间</h2><!--计算属性实现--><h4>现在是:fmtTime</h4><!--methods实现--><h4>现在是:getTime()</h4&g 查看详情
vue2.0学习—收集表单数据（四十三）(代码片段)
【Vue2.0学习】—收集表单数据（四十三）v-model的三个修饰符：lazy：失去焦点再收集数据number:输入字符串转为有效的数字trim:输入首尾空格过滤<body><divid="root"><form@submit.prevent="demo" 查看详情
vue2.0学习—todolist案例（五十九）(代码片段)
【Vue2.0学习】—Todolist案例（五十九）组件化编码流程1、实现静态组件：抽取组件，使用组件实现静态效果2、展示动态数据：数据的类型、名称是什么数据保存在哪个组件3、交互—从绑定事件监听开始废话不... 查看详情
vue2.0学习—vue监视数据的原理（四十二）(代码片段)
【Vue2.0学习】—Vue监视数据的原理（四十二）<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content& 查看详情
vue2.0学习—理解mvvm（二十九）(代码片段)
【Vue2.0学习】—理解MVVM（二十九）M:模型（Model）：对应data中的数据V：视图（View）：模板VM：视图模型（ViewModel）:Vue实例对象观察发现：data中所有的属性，最后都 查看详情
学习四十九(代码片段)
13.1设置更改root密码13.2连接mysql13.3mysql常用命令扩展mysql5.7root密码更改http://www.apelearn.com/bbs/thread-7289-1-1.htmlmyisam和innodb引擎对比http://www.pureweber.com/article/myisam-vs-innodb/mysql配置详解：http://blog.linuxey 查看详情
vue3.0如何自定义指令(代码片段)
前言本篇博客是基于vue3.0的自定义指令开发教程，（有版本变化会持续更新）其中会列出如何使用以及与vue2.0的自定义指令的对比。一，Vue3.0自定义指令教程demo中，包含一个很简单的一键复制指令,不需要再下... 查看详情
vue3.0如何自定义指令(代码片段)
前言本篇博客是基于vue3.0的自定义指令开发教程，（有版本变化会持续更新）其中会列出如何使用以及与vue2.0的自定义指令的对比。一，Vue3.0自定义指令教程demo中，包含一个很简单的一键复制指令,不需要再下... 查看详情
spark学习之路（十九）sparksql的自定义函数udf(代码片段)
讨论QQ：1586558083在Spark中，也支持Hive中的自定义函数。自定义函数大致可以分为三种：UDF(User-Defined-Function)，即最基本的自定义函数，类似to_char,to_date等UDAF（User-DefinedAggregationFuncation），用户自定义聚合函数，类似在groupby之后使... 查看详情
vue自定义指令(代码片段)
Vue也允许注册自定义指令。注意，在Vue2.0中，代码复用和抽象的主要形式是组件。//注册一个全局自定义指令`v-focus`Vue.directive(‘focus‘,//当被绑定的元素插入到DOM中时……inserted:function(el)//聚焦元素el.focus()) 局部指令：directiv... 查看详情