#author("2019-07-17T19:00:17+08:00","default:Admin","Admin") Vue ※前提条件:本情報はVue 2.0を基づいて説明してる 基本语法 †双花括号语法,会将数据中的 HTML 转为纯文本后再进行插值。为了输出真正的 HTML,你需要使用 v-html 指令: <p>使用双花括号语法:{{ rawHtml }}</p> <p>使用 v-html 指令:<span v-html="rawHtml"></span></p> export default { data () { return { rawHtml: '<span style="color:red">red</span>' } } } 可使用JavaScript表达式 †{{ number + 1 }} {{ ok ? 'YES' : 'NO' }} {{ message.split('').reverse().join('') }} <div v-bind:id="'list-' + id"></div> 每个绑定都只能包含单个表达式,所以以下示例都无法运行: <!-- 这是语句,不是表达式 --> {{ var a = 1 }} <!-- 流控制也无法运行,请使用三元表达式 --> {{ if (ok) { return message } }} 中古車買取実績No.1ガリバー コメント: |