我们再写vue项目的时候像侧边导航栏都是遍历数据显示到页面上的那如何实现这个效果
<div id="app">
<ul>
<li v-for="item in array" @mouseover="item.isHhh = item.isHhh?false:true"@mouseout="item.isHhh = item.isHhh?false:true" >
{
{item.titleNmae}}
<div :class="{d1:true,d2:item.isHhh}">
<h1>{
{item.names}}</h1>
</div>
</li>
</ul>
</div>
这里面我们使用鼠标移入移出,移入移出的时候更改class来达到一个显示与隐藏的效果
同时h1标签里面的内容也会随之改变
二v-model主要提供了两个功能,view层输入值影响data的属性值,data属性值发生改变会更新页面的的数值变化,也就是可以显示值和实时更新值
我们以input输入款为例
<!DOCTYPE html>
<html lang="en"