vue

v-html指令

v-text指令

v-html和v-text的区别 v-html只能显示标签内容不读取标签,v-text读取内容也读取标签

v-pre指令

显示标签下的内容不读取Vue

v-once指令

只执行第一次Vue内容

v-cloak指令与beforemount

    <!DOCTYPE html>

    <head>

    <meta charset="UTF-8">

    <title></title>

    <style type="text/css">

    [v-cloak]{

    display: none;

    }

    </style>

     </head>

    <body>

    <div id="app">

    <input type="" v-model="msg" id="" value="" />

    <p v-html="msg">

   {{msg}}

    </p>

     <h1 v-text="msg">{{msg}}</h1>

     <a href="" v-pre>{{msg}}</a>

     <a href="" v-once>{{msg}}</a>

    <h1 v-cloak>{{msg}}</h1>

    </div>

    <script src="../JS/vue.min.js" type="text/javascript" charset="utf-8"></script>

   <script type="text/javascript">

    new Vue({

    el:'#app',

   data:{

   msg:"12314546"

   },

    beforeMount:function(){

    alert(1111)

   }

      })

   </script>

   </body>

   </html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • # 传智播客vue 学习## 1. 什么是 Vue.js* Vue 开发手机 APP 需要借助于 Weex* Vu...
    再见天才阅读 3,685评论 0 6
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,009评论 1 4
  • 基本格式 以json的形式、将数据(支持所有格式)挂载在vue的data上、方法挂载在vue的methods上。 ...
    kirito_song阅读 811评论 0 21
  • vue概述 在官方文档中,有一句话对Vue的定位说的很明确:Vue.js 的核心是一个允许采用简洁的模板语法来声明...
    li4065阅读 7,280评论 0 25
  • 第二天,听证进行中,,,
    大侠mzhj阅读 153评论 0 0