（动态路由和线性渐变）

router-link

当你想点击跳转的时候可以在外面他外面写一个router-link标签

<ul>
	<router-link to="你要跳转到的页面"> 
		<li></li>
	</router-link>
</ul>

// vue会把router-link解析成a标签，a标签会把里面文字的颜色给改变
// 解决方案 一、改变样式
// 二、直接把li改为router-link 当然这样不对 要给router-link 加一个 tag="li"
<ul>
	<router-link  tag="li"> 
	</router-link>
</ul>

动态路由

在配置路由的时候 通过后面加一个：id的形式 他的意思是前面的路径必须是一个detail/，而后面你可以带一个参数，这个参数会方法id的这个变量里面

<router-link 
// 加一个tag="li" 那么vue就不会把让渲染成一个a标签 而是li标签
tag="li"
// 给to加一个： 让他做一个动态的绑定 实现了参数的传递
// 通过url进入路由的时候吧参数带到这个路径下
:to="'/detail/' + item.id"
>
</router-link>

线性渐变

background-image:linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.8))