asp网站导航怎么做,网站开发开发公司排名,php网站后台进不去,怎样安装免费的wordpressVue 使用一种基于 HTML 的模板语法#xff0c;使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML#xff0c;可以被符合规范的浏览器和 HTML解析器解析。
文本插值
最基本的数据绑定形式是文本插值#xff0c;它使用的是…Vue 使用一种基于 HTML 的模板语法使我们能够声明式地将其组件实例的数据绑定到呈现的 DOM 上。所有的 Vue 模板都是语法层面合法的 HTML可以被符合规范的浏览器和 HTML解析器解析。
文本插值
最基本的数据绑定形式是文本插值它使用的是“Mustache“语法(即双大括号):
template
divp{{ msg }}/p
/div
/templatescript
export default{data(){return{msg:hello world}}
}
/script
style
p{color: red;font-size: 30px;
}
/style 使用JS表达式 每个绑定仅支持单一表达式也就是一段能够被求值的 JavaScript 代码。一个简单的判断方法是是否可以合法地写在 retumrn 后面。
template
divp{{ msg }}/pp{{ num1 }}/pp{{ flag ? yes : no }}/pp{{ text.split().reverse().join() }}/p
/div
/templatescript
export default{data(){return{msg:hello world,num:1,flag:true,text:界世好你}}
}
/script
style
p{color: red;font-size: 30px;
}
/style 原始HTML
双大括号将会将数据插值为纯文本而不是 HTML。若想插入 HTML你需要使用 v-html 指令。
template
divpspan v-htmlrawHtml/span/p
/div
/templatescript
export default{data(){return{rawHtml:a href#链接/a}}
}
/script
style
p{font-size: 30px;
}
/style
