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>