Vuejs学习系列(十五)--模板语法(一)
2017-03-14 18:08
239 查看
Vue.js 使用了基于 HTML 的模版语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。
在底层的实现上, Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。
1.文本插值
数据绑定最常见的形式就是使用 “Mustache” 语法(双大括号)的文本插值:
<span>Message: {{ msg }}</span> |
通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上所有的数据绑定:
<span v-once>This will never change: {{ msg }}</span>
这里我们通过一个例子,来看一下文本插值,我们在html文件中引入vuejs库,可以子啊官方网站下载该库。
运行之后页面显示的是 Hello vue.js
相关文章推荐
- Vuejs学习系列(十五)--模板语法(一)
- Vuejs学习系列(十六)--模板语法(二)
- Vuejs学习系列(十六)--模板语法(二)
- Vuejs学习系列(十七)--模板语法(三)
- Vuejs学习系列(十七)--模板语法(三)
- ECMall2.x模板制作入门系列之2(模板标签/语法)
- ECMall2.x模板制作入门系列之(模板标签/语法)
- angular2系列教程(二)模板语法
- ECMall2.x模板制作系列之(模板标签/语法)
- es6新语法系列,查找字符串,模板字符串
- Yii框架官方指南系列49——专题:使用非主流模板语法
- Vue.js系列之三模板语法
- ASP.NET 2.0 中实现模板中的数据绑定系列
- Thinking in C++读书笔记--15.4模板的语法
- 2005亚太地区婚纱系列模板
- 使用 ASP.NET 语法创建 Web 服务器控件模板
- ASP.NET 2.0 中实现模板中的数据绑定系列(2)
- PHPLIB Template入门系列 - 4 模板嵌套-
- ASP.NET 2.0 中实现模板中的数据绑定系列
- 2006上海光大展之梦幻船婚纱模板系列