藏宝阁

// run
new Vue({
  el: '#app',
  data: {
    categories: [
      {
        title: '📚 书籍',
        items: [
          {
            name: '轻松主义',
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024092822012-536004764.jpg',
            rating: 4,
            icon: '📚',
            title: '书籍'
          },
          {
            name: '反脆弱',
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024093512154-1476266292.jpg',
            rating: 5,
            icon: '📚',
            title: '书籍'
          },
          {
            name: '娱乐至死',
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024093755022-1868642046.jpg',
            rating: 3,
            icon: '📚',
            title: '书籍'
          },
          {
            name: '秋叶集',
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024094331534-1124495709.jpg',
            rating: 4,
            icon: '📚',
            title: '书籍'
          },
          {
            name: '谈谈方法',
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024094125806-858527611.jpg',
            rating: 4,
            icon: '📚',
            title: '书籍'
          }
        ]
      },
      {
        title: '🎬 电影',
        items: [
          {
            name: '肖申克的救赎',
            image: 'https://img2024.cnblogs.com/blog/3509019/202510/3509019-20251024134239084-189589550.png',
            rating: 5,
            icon: '🎬',
            title: '电影'
          },
          {
            name: '阿甘正传',
            image: 'https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80',
            rating: 5,
            icon: '🎬',
            title: '电影'
          },
          {
            name: '盗梦空间',
            image: 'https://images.unsplash.com/photo-1515634928697-2e6668e87171?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=500&q=80',
            rating: 4,
            icon: '🎬',
            title: '电影'
          }
        ]
      }
    ]
  }
})

{{ category.title }}

{{ item.icon }}

{{ item.title }}

{{ item.name }}