《Web前端框架技术Bootstrap/Vue》技能考核试题

一、运用Bootstrap框架和Vue框架技术，实现如下图所示的网页设计： 1. 创建名为Food的项目，完成以下页面设计。要求商品列表采用v-for指令进行渲染。提示：可参考bootstrap中文网(bootcss.com)的导航栏、轮播图、商品列表(Card组件)相关代码。2. 创建名为ShoppingCar的项目，实现以下页面设计：输入商品信息后，点击“添加”按钮，商品信息将显示在下方列表中。点击“删除”按钮可从列表中移除相应商品信息。所有题目所需图片位于img文件夹，CSS文件在CSS文件夹，而JS文件在js文件夹中。具体页面设计可参考cankao文件夹。