插值(Interpolations)
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
[[Vue]]
&color(red){※前提条件：本情報はVue 2.0を基づいて説明して...
* 基本语法 [#hbb2b7ce]
双花括号语法，会将数据中的 HTML 转为纯文本后再进行插值。...
使用双花括号语法：
<p>{{ rawHtml }}</p>
使用 v-html 指令：
<p><span v-html="rawHtml"></span></p>
#codeprettify{{
export default {
data () {
return {
rawHtml: '<span style="color:red">red</span>'
}
}
}
}}
* 可使用JavaScript表达式 [#j93505a8]
{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<div v-bind:id="'list-' + id"></div>
每个绑定都只能包含单个表达式，所以以下示例都无法运行：
<!-- 这是语句，不是表达式 -->
{{ var a = 1 }}
<!-- 流控制也无法运行，请使用三元表达式 -->
{{ if (ok) { return message } }}
#hr();
コメント：
#comment_kcaptcha
終了行:
[[Vue]]
&color(red){※前提条件：本情報はVue 2.0を基づいて説明して...
* 基本语法 [#hbb2b7ce]
双花括号语法，会将数据中的 HTML 转为纯文本后再进行插值。...
使用双花括号语法：
<p>{{ rawHtml }}</p>
使用 v-html 指令：
<p><span v-html="rawHtml"></span></p>
#codeprettify{{
export default {
data () {
return {
rawHtml: '<span style="color:red">red</span>'
}
}
}
}}
* 可使用JavaScript表达式 [#j93505a8]
{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<div v-bind:id="'list-' + id"></div>
每个绑定都只能包含单个表达式，所以以下示例都无法运行：
<!-- 这是语句，不是表达式 -->
{{ var a = 1 }}
<!-- 流控制也无法运行，请使用三元表达式 -->
{{ if (ok) { return message } }}
#hr();
コメント：
#comment_kcaptcha
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
