ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 基本指令 ### 文本插值:Mustache”语法 (双大括号) ~~~javascript {{hello}} {{1+1}} {{"bizzbee"}}<!--报错。不能包含字符串--> {{0<10 ? "对的":"错的"}}<!--只能存在单行语句--> ~~~ > 有个限制就是,每个绑定都只能包含单个表达式。 ### v-html和v-text * 双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令。 * v-text指令只能输出字符串,不能解析html代码。 ~~~javascript <p v-html="hi"></p> <p v-text="hi"></p> export default { name: 'App', components: { HelloWorld }, data(){ return { hello:"Hello,Bizzbee", hi:"<p>hi,bizzbee</p>", url:"http://cn.vuejs.org" } } } ~~~ ### v-bind指令 > Mustache 语法不能作用在 HTML 特性上,遇到这种情况应该使用 v-bind 指令。 v-bind指令可以动态地绑定一个或多个特性,或一个组件 prop 到表达式。 ~~~javascript <a v-bind:href="url">cn.vuejs.org</a> <img v-bind:src="imageSrc"> ~~~