#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 } }}


月額たった 1,050円で始められる本格的なお店のホームページ!

コメント:



(画像の文字列を入力して下さい)

トップ   編集 凍結 差分 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2019/12/02 (月) 12:43:59 (690d)