自定义指令

Posted 每天都要进步一点点

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义指令相关的知识,希望对你有一定的参考价值。

directives.js 存放 自定义标签

strict
require
scope
link

接收两个参数
第一个参数表示自定义指令的名称(在页面中使用-分隔单词,在自定义指令中通过驼峰式命名)
第二个参数表示自定义指令处理函数
返回值是一个对象, 用来描述我们自定义指令的

描述自定义指令的对象有一些属性
restrict表示自定义指令的类型,四大类ECMA,这四类书写顺序是任意的,可以组合使用
E:自定义元素类型的自定义指令

语法 <my-title></my-title>

C:class类自定义指令

语法 <div class="my-title"></div>

M:注释指令(应用很少)

语法 <!-- dirctive:my-title -->

A:元素属性自定义指令

语法 <div my-title></div>

template 表示自定义指令模板
replace 表示是否替换该元素(dom中的元素是否删除)

 

以上是关于自定义指令的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段——声明函数

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段——git命令操作一个完整流程

VSCode自定义代码片段8——声明函数

VSCode自定义代码片段1——vue主模板