模板

在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。

如果你熟悉虚拟 DOM 并且偏爱 JavaScript 的原始力量,你也可以不用模板,直接写渲染 (render) 函数,使用可选的 JSX 语法

输出文本

{{对象或参数}}

v-once

<span v-once>只渲染一次: {{对象或参数}}</span>

v-html

<span v-html="html片段"></span>

v-bind

动态绑定 html 属性或js变量,表达式
<div v-bind:id="dynamicId"></div>

指令 (Directives) 是带有 v- 前缀的特殊字段。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 目录 1.前期概要与基础2.模板语法3.计算属性与侦听器 一、概要 Vue.js 使用了基于 HTML 的模板语法...
    唯老阅读 2,822评论 1 4
  • 安装 兼容性 Vue不支持IE8及以下版本。 引入 直接下载并用 标签引入,Vue会被注册为一个全局变量。开发版本...
    oWSQo阅读 873评论 1 0
  • 写在最前面 一直都想在更新博客但是都因为懒放弃了,看了无问西东之后找了点正能量,更新起来 vue从出生到现在,从一...
    StevenTang阅读 1,878评论 2 9
  • 模板语法 Vue.js使用了基于HTML的模板语法,允许开发者声明式的将DOM绑定到底层vue实例的数据,所有vu...
    XKolento阅读 522评论 0 2
  • 1.从计划到不再计划.... 我是一个计划的狂热爱好者,年度计划、月度计划、周计划,我以为在这样严丝合缝的计划下,...
    Linda姐阅读 1,407评论 0 15