vue入门的第一天:v-clock、v-text、v-html的使用

vue入门的第一天

1. v-cloak

v-cloak可以解决插值闪烁问题(防止代码被人看见),在元素里加入 v-cloak即可

html:

<p v-cloak>{{msg}}</p>

css:

[v-cloak]{

  display: none;

}

2. v-text

v-text 默认没有闪烁问题,v-text会覆盖内容,msg在data定义即可,如果插入的是html代码会被认为成文本

<p v-text="msg"></p>

3. v-html

<p v-html="msg"></p>

v-html 会被认为是html代码,样式会生效 ,赋值方法和v-text一样

 

 

ps:学习地址:

https://developer.aliyun.com/lesson_1728_14175?spm=5176.10731542.0.0.1b6d75facAq6sE#_14175

tiem:20/4/3

posted @ 2020-04-03 16:15  子枫i  阅读(2288)  评论(0编辑  收藏  举报