VUE基础插值表达式

vue 基本操作插值表达式

    首先使用js导入vue.js文件
    

    <style>
        [v-claok]{
            display:none;//解决闪烁问题    
        }
    </style>

    <div id="app" v-cloak>
        ==={{msg}}===
        <p v-text="msg">
            ====
        </p>
    </div>

    <javascript>
        
        var vm=new vue({
            el:‘#app’,
            data:{
                msg:'123'
            }
            
        })
        //或者第二种写法
        //v-text无闪烁问题
        //插值表达式有闪烁，使用v-cloak
        //v-text回替换掉原本的内容，插值表达式只会替换占位符
        //所以要选择在text和插值表达式选择按需求定
        //但是他们两个都不能转译html标签，需要使用v-html
        //v-bind：是一个提供绑定属性的指令，次数可以省略v-bind，直接使用冒号
    </javascript>