11avalon - 指令

简介: 11avalon - 指令

avalon指令介绍

avalon的指令是一个非常重要的东西,它用来引入一些新的HTML语法, 使元素拥有特定的行为。 举例来说,静态的HTML不知道如何来创建和展现一个日期选择器控件。 让HTML能识别这个语法,我们需要使用指令。 指令通过某种方法来创建一个能够支持日期选择的元素。指令一共拥有3种形式:

  1. 插值表达式
  2. 自定义标签
  3. 绑定属性

其中绑定属性的种类是最多的,它们都位置于元素节点中,以ms- 开头 或以: 开头 (avalon2.1.7新增)

绑定属性的属性名是以-分成几段 其中第二个就是指令的名字, 如 ms-css, ms-attr, ms-html, ms-text, ms-on都是来源于jQuery同名方法名, 简单好记.

例如:

<p ms-on-click="@clickFn" ms-if="@toggle">{{@name}}</p>

avalon指令一览

目录
相关文章
16avalon - 指令ms-attr(属性绑定)
16avalon - 指令ms-attr(属性绑定)
69 1
|
JavaScript
24avalon - 指令ms-for(循环绑定)
24avalon - 指令ms-for(循环绑定)
46 0
|
Web App开发 JavaScript
03avalon - vm介绍
03avalon - vm介绍
53 0
19avalon - 指令ms-class(类名绑定)
19avalon - 指令ms-class(类名绑定)
61 0
|
前端开发 JavaScript
34avalon - 指令ms-effect(动画绑定)
34avalon - 指令ms-effect(动画绑定)
41 0
vue2自定义指令-加载指令v-loading和占位图指令v-showimg
vue2自定义指令-加载指令v-loading和占位图指令v-showimg
|
前端开发
26avalon - 指令ms-duplex(各表单元素用法)
26avalon - 指令ms-duplex(各表单元素用法)
49 1
09avalon - vm是如何作用视图
09avalon - vm是如何作用视图
55 0
|
6月前
封装组件,通过指令进行调用,类似于elementUI中的loading组件
封装组件,通过指令进行调用,类似于elementUI中的loading组件
49 0
|
6月前
|
JavaScript
VUE指令: 请解释v-bind指令的作用。
VUE指令: 请解释v-bind指令的作用。
77 1