vue2.x與vue1.0一些插值和指令的比較

1.單次插值
v1中單次插值語(yǔ)法{{*數(shù)據(jù)}},v2不能使用
v2使用v-once指令

<body>
    <div id="myapp">
        <p @click="pclick()">{{msg}}</p>
        <!-- 2.0版本不能使用單次插值語(yǔ)法{{*數(shù)據(jù)}} ,但是可以使用v-once指令-->
              <!--2.0中使用語(yǔ)法{{*數(shù)據(jù)}} 報(bào)錯(cuò)-->
        <!-- <p @click="pclick()">{{*msg}}</p> -->
        <p @click="pclick()" v-once>{{msg}}</p>
    </div>
    <script type="text/javascript" src="vue.js"></script>
    <script type="text/javascript">
        var app=new Vue({
            el:"#myapp",
            data:{
                rawHTML:'<span style="color:red">this should be red.</span>',
                msg:"xixi"
            },
            methods:{
                pclick:function(){
                    this.msg="haha"
                }
            }

        }) 
    </script>
</body>

2.html插值
v1中過(guò)濾html標(biāo)簽使用語(yǔ)法{{{數(shù)據(jù)}}},v2不能使用
v2使用v-html指令

<p v-html="rawHTML"></p>
<!--v2中使用語(yǔ)法{{{數(shù)據(jù)}}}報(bào)錯(cuò)-->
<!-- <p>{{{rawHTML}}}</p> -->

3.關(guān)于表單的lazy
v1中,lazy 當(dāng)表單失去焦點(diǎn)的時(shí)候,存儲(chǔ)數(shù)據(jù),相當(dāng)于blur事件
語(yǔ)法示例:

<input type="text" lazy v-model="title">
<h1>{{title}}</h1

v2不支持這樣使用,但是你可以給v-model加上修飾符.lazy,效果是一樣的

<input type="text" v-model.lazy="title" >

https://cn.vuejs.org/v2/guide/forms.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,544評(píng)論 19 139
  • 這篇筆記主要包含 Vue 2 不同于 Vue 1 或者特有的內(nèi)容,還有我對(duì)于 Vue 1.0 印象不深的內(nèi)容。關(guān)于...
    云之外閱讀 5,174評(píng)論 0 29
  • Vue 實(shí)例 屬性和方法 每個(gè) Vue 實(shí)例都會(huì)代理其 data 對(duì)象里所有的屬性:var data = { a:...
    云之外閱讀 2,368評(píng)論 0 6
  • 俗話(huà)說(shuō):“女人四十豆腐渣,男人四十一朵花?!比欢?,小芙不認(rèn)為這句話(huà)有道理,實(shí)際上無(wú)論是女人,還是男人,想要越老越吃...
    珠寶大課堂閱讀 1,128評(píng)論 0 0
  • 巖井俊二 如果當(dāng)初我勇敢,結(jié)局是不是不一樣。如果當(dāng)初你堅(jiān)持,回憶會(huì)不會(huì)不一般。最終我還是沒(méi)說(shuō),你還是忽略。 那是個(gè)...
    不會(huì)跑zw閱讀 213評(píng)論 0 0

友情鏈接更多精彩內(nèi)容