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>