VUE基础插值表达式

vue 基本操作插值表达式

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

 1     <style>
 2         [v-claok]{
 3             display:none;//解决闪烁问题    
 4         }
 5     </style>
 6 
 7     <div id="app" v-cloak>
 8         ==={{msg}}===
 9         <p v-text="msg">
10             ====
11         </p>
12     </div>
13 
14     <javascript>
15         
16         var vm=new vue({
17             el:‘#app’,
18             data:{
19                 msg:'123'
20             }
21             
22         })
23         //或者第二种写法
24         //v-text无闪烁问题
25         //插值表达式有闪烁，使用v-cloak
26         //v-text回替换掉原本的内容，插值表达式只会替换占位符
27         //所以要选择在text和插值表达式选择按需求定
28         //但是他们两个都不能转译html标签，需要使用v-html
29         //v-bind：是一个提供绑定属性的指令，次数可以省略v-bind，直接使用冒号
30     </javascript>

 

转载于:https://www.cnblogs.com/xiaozhang666/p/10678848.html