css:
[v-cloak] { display: none; }
html:
<div id="app" v-cloak></div>
使用后会等vue加载完再呈现效果,就不会出现,代码在视图里了。
css:
.done { text-decoration: line-through; color: #ccc; }
html:
<span v-bind:class="{done:item.done}"> {{item.title}}</span>
v-bind:class="{done样式:这是样式中的:这是item中的某一些进行筛选,item.done是true的那些选择} "
v-on:click="这里写个事件"
@click=“”和上面的一样
const app = new vue({ el: '#app', data: { todos, todotext: '' }, methods: { handleaddtodoclick() { xxxxx } }
<input type="text" value="" v-model='todotext' @keydown.enter="handleaddtodoclick" />
这是绑定回车。
后面有机会再写点别的。
如对本文有疑问, 点击进行留言回复!!
javascript从入门到跑路-----小文的js学习笔记(19)------- js的垃圾回收机制
Agora 开源 | 一个 Demo,帮你快速实现社交直播四大场景
网友评论