Content vs IDL attribute class & for attributes属性 Boolean属性值 在使用Vdt的过程中，你也许会遇到这样一个问题：设置的属性，并不能渲染出来，例如： <input maxlength = "10" /> 上述例子中，设置的maxlength 属性丢失了。要理解...

模板函数编程 模板函数编程 上面的例子都是通过定义模板然后编译成模板函数，其实知道了模板函数的原理后，我们也可以直接定义模板函数，而不需要经过编译处理。由于不需要编译，所以你没必要遵循模板最后必须定义一个标签的约束，而只需要返回是个合法的虚拟DOM就行。 Intact内部Animate 组件，就是直接定义的模板函数。 例如： Intact...

关于文档中例子的运行情况说明： 前面示例中定义的变量，在后面的示例中可以直接获取 示例中定义的模板会被自动编译成模板函数，并且赋给template 变量，所以后面的实例 可以直接获取 示例中没有手动挂载的根组件，将自动挂载到示例下面，所以你会看到有些地方没有调用 Intact.mount() 组件也挂载了 Intact基于Vdt模板引擎设计，有...

模板编程 模板编程 知道了以上细节，加之Vdt模板本来就支持JS语法，使得我们可以在定义模板时，采用编程的方式更灵活地定义模板。 例如：有一个组件Button ，它既可以返回button 标签，又可以返回a 标签，我们可以如下这么做： // 根据组件的tag属性，返回不同的标签 // 由于Vdt模板默认返回最后一个标签元素，所以我们必须 ...

使用 Hello Intact 条件与循环 条件渲染 v-if 循环渲染 v-for 处理用户交互 事件绑定 表单操作 组件化编程 组件继承 ES6组件定义方式 进一步了解 使用 为了方便浏览器直接运行，文档中的例子尽量使用es5编写，当然你也可以使用es6语法，如有必要，文档中会标明es6写法的差异 Hello...

Vdt模板提供的v-model 指令，可以实现数据的双向绑定。本质上它是如下语法的语法糖， 只不过针对不同的表单控件，做了特殊处理。 <input v-model = "value" /> => <input ev-input = {function(e) { self . set ( 'value' , ...

模板语法分隔符 模板语法分隔符 模板中动态语法都是使用一对大括号{} 包起来，你也可以使用如下方法，配置这个分隔符。 在分隔符里面，任何合法的JS表达式，都是语法上合法的。但也可能运行时非法，例如： 你不能在html中输出一个对象，除非你序列化它。 // 使用{{ }}做分割 Intact . Vdt . configure ({ ...

h(tagName[, attrs, children, className, key, ref]) 使用Vdt 标签语法，你无法定义一个可变标签，即：根据传入的参数不同，既可以渲染成<a></a> ，又可以渲染成<b></b> 但模板中，用于创建标签的方法h() ，可以做到这一点 h(tagName[, attrs, children, c...

11.11 完整例子:二项式期权 11.11 完整例子:二项式期权 本节中，我们以一个应用开发者的角度来看一个较为复杂的例子。这里的代码需要使用之前章节所提到的编译技术进行转换，转换成一个正确，且有较高性能OpenCL实现。应用我们选择了二项式期权。注意，我们不会从数学和经济学的角度深度探讨该问题，只是对于编译器作者来说，将其做为一个完整的例子。 ...

指令 条件渲染 循环渲染 v-if 与v-for 一起使用 指令 Vdt模板引擎，提供了一些特殊指令完成特定的工作，其实他们都是语法糖而已， 如果有必要，你完全可以使用纯JS代替他们 条件渲染 条件渲染涉及三个指令：v-if & v-else-if & v-else 。顾名思义，他们控制什么 条件下渲染当前元素。 <div v-if...