码迷,mamicode.com
首页 > Web开发 > 详细

vue.js初学(三)模板语法

时间:2017-06-06 19:56:26      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:渲染   this   bsp   模板   括号   attr   table   tab   idt   

1:介绍

vue.js允许开发者声明式地将Dom元素绑定至Vue实例的底层,所有的模板都是合法的html,所以能够被遵循规范的浏览器和html解析器解析

在底层的实现上,vue将模板编译成虚拟Dom渲染。结合响应式系统 在应用改变时,vue能够智能地计算出重新渲染组件的最小代价并应用到Dom操作上。

如果你熟悉虚拟dom并且偏爱原生js的语法,你可以不用模板,直接写render函数,使用可选的jsx语法

2:插值

数据绑定 最常见的形式是:Mustache 双大括号。  Mustache 标签将被替代为对应数据对象上的值,无论何时,它俩都会一起变化。

注意点:

v-once:用于一次性地插值,再当数据更变时,插值处的值不会再被更新。但是注意这会影响到这个节点上的所有数据绑定。

<span v-once>This will never change: {{ msg }}</span>

3:纯

vue.js初学(三)模板语法

标签:渲染   this   bsp   模板   括号   attr   table   tab   idt   

原文地址:http://www.cnblogs.com/mamimi/p/6953211.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!