小白自学vue的第一天,加油!

一、插值的操作

1.Mustache语法

也就是双大括号(翻译过来就是胡须的意思)

 

 

 2.v-once指令

加了v-once数据不会随着数据的改变而改变,只会渲染一次

3.v-html指令

可以解析HTML并且渲染出来

4.v-text指令

直接渲染文本数据 和胡子语法相似,但是只会接受一个String类型

 

 

5.v-pre指令

把内容原封不动的输出,不会做任何的解析

 

 

 

 

 6.v-cloak指令

如果网页有点卡,那么先是解析的div显示的是{{message}},然后解析的script的vue代码再显示的是学习vue的第一天。

俗称为:闪动

为了解决这个闪动问题:v-cloak

 

 

 

 

 在vue解析之前,div中有个v-cloak属性 div就不会显示{{message}}而是空白,

在vue解析之后,div中没有了v-cloak属性,div显示内容为   ‘学习vue的第一天’。

 

posted @ 2021-07-04 19:16  时光向来煞人  阅读(47)  评论(0)    收藏  举报