vue v-for 传值

学习vue框架的第两天，今天主要研究v-for的使用

v-for的一些使用技巧:https://blog.csdn.net/qq_32953185/article/details/83066871

 

之前能够获取数值的值，但是不知道如何从中获取一条值。突然受到启发使用参数，然后传值，

具体要求：1：显示上面书籍列表中的所有书籍名称。点击书籍名称显示书籍的具体信息（书名和价格）。鼠标悬停或者点击书名时，有特别的样式
2：只显示价钱在40~50之间的书籍。点击书籍名称显示书籍的具体信息（书名和价格）。鼠标悬停或者点击书名时，有特别的样式

最终结果，如下图

---

---

全部代码贴上