<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                >本節講解的內容對前面的章節具有依賴性,如果看起來有困難,請先看本系列前面的章節 ## 一、 v-html指令 ### 1.1.說明 假如我們從服務器請求回來的是一個HTML的代碼片段 * 如果我們想將html原樣輸出,就是用{{}}就可以了 * 如果我們希望瀏覽器解析html后展示,那就要使用到v-html了 ### 1.2.怎么做 ``` <div id="app"> <h2>{{zimug}}</h2> <h2 v-html="zimug"></h2> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> <script> const app = new Vue({ el: '#app', data: { zimug: '<a href="https://www.toutiao.com/c/user/55190581999/#mid=1640894370966536">今日頭條-字母哥課堂</a>' } }) </script> ``` ### 1.3.效果 實現效果如下(這個是實現效果截圖。不可點擊): ![](https://img.kancloud.cn/1f/77/1f77298e365368b5a44f2d46376d172d_1122x79.png) ## 二、 v-pre指令 ### 2.1.說明 如果我們想把下面的這段文字原樣輸出,則么辦? ~~~ 字母哥課堂講的真不錯,特別是{{Mustache}}插值表達式 ~~~ **注意**文本里面有一個`{{Mustache}}`,vue會去找Mustache變量,找不到會報錯。 ![](https://img.kancloud.cn/f5/67/f5672975dc436db3fe8b7a13ec2355f6_658x56.png) 即使我們定義了變量,也不滿足我們的需求。我們需要將Mustache原樣輸出,而不是交給瀏覽器做變量插值操作,這就需要用到v-pre指令 ### 2.2.怎么做 ``` <div id="app" style="background-color:aquamarine"> <h2 v-pre>字母哥課堂講的真不錯,特別是{{Mustache}}插值表達式</h2> </div> ``` ### 2.3.效果 這樣,vue就不會去解析{{}},而是原樣顯示出來,下圖為顯示效果 ![](https://img.kancloud.cn/f4/30/f430fc8d34441c26dfedc47b2eff7b07_602x26.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看