初学 Vue v-model、v-once

最新推荐文章于 2021-04-02 10:26:43 发布

qq_36786909

最新推荐文章于 2021-04-02 10:26:43 发布

阅读量180

点赞数

分类专栏： Vue.js 文章标签：数据绑定

本文链接：https://blog.csdn.net/qq_36786909/article/details/80450513

版权

Vue.js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>bind</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>

    <div id="app">

        <span>1.双向绑定:&ensp;{{msg}}</span>
        <br>
        <input type="text" v-model="msg" placeholder="双向"><br><br>


        <!--<span>1.0 写法 {{*msg1}} </span>-->
        <span v-once>旧姓名:&ensp;{{requestUserInfo.name}}</span> <!-- 2.0 写法 -->
        <br>
        <span>新名字:&ensp;</span><input type="text" v-model="requestUserInfo.name" placeholder="单向" style="font-size: 14px">

    </div>

    </div>


    <script>
        var vm = new Vue({
            el:'#app',
            data:{
                msg:'我是天才',
                requestUserInfo:{
                    name:'天才'
                }
            }
        })
    </script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_36786909

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初学 Vue v-model、v-once

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;bind&lt;/title&gt; &lt;script src="https://cdn.jsdelivr.net/npm/vue
复制链接

扫一扫