首页 > 代码库 > vue.js初学(三)模板语法
vue.js初学(三)模板语法
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初学(三)模板语法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。