vue——1-v-model v-once

版权声明：转发博客 请注明出处 否则必究 https://blog.csdn.net/lucky541788/article/details/82715659

v-model

<!--v-model:动态获取设置数据-->
<div id="app1">
    <p>{{message}}</p>
    <input type="text" v-model="message">
</div>

        {
            //1.创建Vue实例
            let vm=new Vue({
                el:'#app1',
                data:{ //vue中的model-> 数据
                    message:'hello world!'
                }
            });
        }

v-once

<!--v-once:只是数据驱动一次-->
<div id="app2">
    <p v-once>原始值：{{message}}</p>
    <p>后面值：{{message}}</p>
    <input type="text" v-model="message">
</div>

        {
            new Vue({
                el:'#app2',
                data:{ //vue中的model-> 数据
                    message:'hello world!'
                }
            })
        }