网站备案 新网,网站建设的完整流程,wordpress局部修改,深圳福田保税区学习关于Vue的插值语法 ① 文本值 #xff1a; Mustache语法#xff0c;即双大括号 1 spanMessage:{{msg}}/span 注#xff1a;双大括号中的msg值改变#xff0c;插入的内容也会随之改变#xff0c;可通过v-once指令限制#xff0c;但会影响…学习关于Vue的插值语法 ① 文本值 Mustache语法即双大括号 1 spanMessage:{{msg}}/span 注双大括号中的msg值改变插入的内容也会随之改变可通过v-once指令限制但会影响该节点上其他的数据绑定 v-once 例只会第一次渲染之后修改myname也不会改变v-once中的值 1 div idapp02 input typetext v-modelmyname/3 p v-once4 my name is : {{myname}}5 /p6 /div7 8 script9 var vm new Vue({
10 el:#app0,
11 data:{
12 myname : zxq
13 }
14 });
15 /script ② 原生HTML ① 中的双大括号语法会将数据解释为普通文本当我们为了输出HTML时应该使用v-html指令 1 pUsing Mustaches : {{rawHtml}}/p
2
3 pUsing v-html directive : span v-html rawHtml/span/p 注v-html 会直接作为HTML会忽略解析属性值中的数据绑定即不能使用v-html符合局部模板 ③ 特性 双大括号不能作用在HTML特性上需要使用v-bind指令 button v-bind:disabledisButtonDisabledButton/button 注布尔特性在html中存在即暗示为true但在v-bind中如果disabled为null/undefined/false则该属性甚至不会包含在渲染出来的button元素中 ④ JavaScript 表达式 {{ number 1 }}
{{ OK ? YES : NO }}
{{ message.split().reverse().join() }}
div v-bind list- id /div 这些表达式会在所属的Vue实例的数据作用域下作为JavaScript被解析 注每个绑定只能包含单个表达式下面的例子不会生效 {{ var a 1 }} !-- 这是语句不是JavaScript表达式 --{{ if( OK ) { return message } }} !-- 控制流不会生效请使用三元表达式 -- 只能访问全局变量的白名单如Math、Date。不能在模板表达式中访问用户自定义的全局变量 —————————————————————————————————————————————————————————————— Vue.js官方文档 : https://cn.vuejs.org/v2/guide/转载于:https://www.cnblogs.com/zhuxingqing/p/10499558.html
