2020-09-01 |

文本语法

文本

数据绑定最常见的形式就是使用{ { } }语法 (双大括号)

       { {message} }
   

也可以使用v-text方法

    <span v-text="message"></span>     
   

html文本

双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html

       <div id="app">
             <div v-html="rawMsg"></div>
       </div>
       <script type="text/javascript">
              var app=new Vue({
                  el:'#app',
                  data:{
                      message:'hello Vue!',
                      rawMsg:'<h1>你好vue</h1>'
                  }
              })
       </script>

   
视频教程

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论