文章目录

一、小兔鲜

主要知识点

  • 把静态页面拆分成一个个vue组件

项目截图

在这里插入图片描述

二、小黑记事本组件版

主要知识点

  • 父子组件通信
  • props父传子
  • $emit子传父
  • watch监视数据变化，持久化到本地
  • 输入框回车触发方法：@keyup.enter

项目截图

在这里插入图片描述

三、商品列表

主要知识点

  • 子组件 v-model 语法糖的实现
  • 双击值触发方法：@dblclick
  • 封装全局指令 focus：实现input显示自动获取焦点
  • 具名插槽，作用域插槽

项目截图

四、面经基础版

主要知识点

  • 路由跳转
  • 路由传参
  • 缓存组件：keep-alive

项目截图

五、购物车

主要知识点

  • vuex的使用
  • json-server的使用 
    json-server --watch index.json

需要注意的点

项目截图

在这里插入图片描述

参考文档

# vue.js # 学习 # 前端
Logo
亚马逊云科技技术品牌专区

更多推荐

虚拟化技术深度解析：从底层原理到产业实践，读懂云计算的核心基石

文章摘要 虚拟化技术作为云计算的核心基础，经历了从大型机到云原生的演进历程。本文系统梳理了虚拟化的技术脉络：从解决物理机资源浪费的初衷出发，阐述了Hypervisor的资源隔离原理，对比了TypeI和TypeII两种架构特性，并深入分析了KVM、Docker等典型技术方案。虚拟化的本质是对计算资源的抽象，通过屏蔽硬件细节实现灵活调度。文章最后以OpenStack私有云搭建为例展示了虚拟化实践，并指

avatar 亚马逊云科技技术品牌专区
cover

AI视频分析飞书告警常见问题和排查清单

avatar 亚马逊云科技技术品牌专区

从基础到应用架构系列-云计算的概念

云计算”这个词，我想大伙肯定听过不止一次了，但是可能我们经常会被同行的同事或者业界的朋友问道，什么是云计算，云计算是干什么的？可能让我们去跟他们解释的时候，我们并不是很容易的把这个词语解释的很清楚或者很形象，为什么，可能是因为我们对云计算本身的概念不是特别的清晰，或者，由于我们没有深入的了解和使用云计算的原因吧，或者还有其他方面的原因，本文是通过一些小的场景来说明云计算的概念，这个概念呢，其实也不

avatar 亚马逊云科技技术品牌专区