v-html指令
v-text指令
v-html和v-text的區(qū)別 v-html只能顯示標簽內(nèi)容不讀取標簽,v-text讀取內(nèi)容也讀取標簽
v-pre指令
顯示標簽下的內(nèi)容不讀取Vue
v-once指令
只執(zhí)行第一次Vue內(nèi)容
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>