vue 1-4 针对html页面中标签内容的绑定方法mustache{{ .. }}以及几种插值属性的用法

1.  v-once: 加入该属性后,显示的值不会变化

  

 

2.  v-html: 加入该属性后,可以直接读取数据类型为标签<></>样式的数据,并将标签按照html显示

  

  

 

3.  v-text:  类似于mustache语法(也就是:{{数据}},双大括号语法),用来引用数据的,不用{{ ... }}就可以引入数据, 但不够灵活

    

4.  v-pre:  用在标签中后,标签内容中使用{{ ... }}, 将不被解析

  

5.  v-clock: 该属性类似遮罩,如下:

  1.  使用setTimeout模仿延迟将数据渲染到<div></div>,此时,页面会先显示原始的{{message}},等Vue创建并将数据messge渲染到div时,再将获取到的变量数据更新至页面

  2.  为了排除这种显示错误,这时用到v-cloack,这个属性会在Vue创建并渲染数据时,自动清除该属性,所以,利用该属性设置一个样式display:none(不显示内容),当它被清除时,显示渲染后数据

  

posted @ 2021-10-27 14:56  黑无常  阅读(399)  评论(0)    收藏  举报