Intact实例属性 defaults template props uniqueId element isRender vNode parentVNode parentDom mountedQueue vdt Intact实例属性 defaults 定义组件的默认数据，详见组件#默认数据defaults @type ...

vdt-loader 模板文件 CSS文件 阅读本小节，你需要先了解webpack 。 前面我们提到了 业务逻辑 与 视图逻辑 的分离，是为了解决JS逻辑过分膨胀的问题。通过前面的例子我们发现一个不够优雅的地方，那就是模板中使用的组件必须在组件逻辑中注入。其实模板要使用什么组件跟组件的逻辑没有一点关系，秉着业务逻辑与视图逻辑分离的原则，...

vNode相关 Intact.Vdt.miss.h Intact.Vdt.miss.hc Intact.Vdt.miss.hc([comment]) vNode相关 Intact.Vdt.miss.h 创建虚拟DOM，参考模板template#h函数 Intact.Vdt.miss.hc 创建注释的虚拟DOM Intact.V...

class 属性值为字符串，所以我们一般这样定义该属性： <div class = "hello vdt" ></div> 当class 属性值需要动态变更时，我们可以这样定义： <div class = {"hello" + ( isVdt ? ' vdt' : '' )} ></div> 采用字符串拼接的方式，看起...

继承 模板加载 继承标签语法 引用父级parent() block 嵌套 带参数的block 继承后再继承 包含 传递数据 局部继承 继承 继承能够创建可复用的模板，定义页面的骨架，然后被子模板填充，子模板又可以作为父模板被继承。 继承主要通过两个标签语法实现 <t:template> 定义要继承的父模板 <b:bloc...

变量 函数调用 if & else & else if 循环 更改键值命名 v-for & v-if 结合使用 v-raw 宏函数 template 设置临时变量 转义 非转义 注释 Vdt中默认使用一对大括号{} 作为分隔符，在{} 中书写合法的js表达式，但这个表达式必须满足以下条件： 作为输出时：表达式的值必须是，Num...

模板继承 模板继承 Vdt提供了模板继承功能，能够让我们定义可被复用的模板。该功能涉及以下标签语法： <t:template> 子模板声明要继承的父模板template ，template 为模板函数 <b:block> 子模板声明要填充到父模板的定义的内容区域block 例如：我们定义父模板 <div> <b:heade...

示例 使用v-model 指令，可以建立数据到模板的双向绑定。本质上它是如下写法的语法糖： <input v-model = "value" /> => <input value = {{ self . value }} ev-input = {function(e) { sel...

常见的组件使用方式是组合，而继承为组件提供了另一种复用的能力。借助于Vdt模板引擎的继承机制，以及JS和 CSS的原生继承能力，Intact能够实现组件的完全继承。 继承的优势 Vdt模板继承 Intact组件继承 父模板函数parent

Intact组件的一个重要的属性是template ，它本质上是个模板函数，只是当你传入模板字符串时，Vdt会将它编译成模板函数。在了解template 属性的更多细节之前，我们先来看看编译后的模板函数是什么样子。 var title = 'Title'; <div> <h1> {title} </h1> <p v-i...