23级人工智能讯飞班-web前端框架-第一次作业-陆阳阳 (1)

更新时间：试题数量：购买人数：提供作者：

有效期：个月

章节介绍：共有个章节

收藏

我的练习

我的错题
(0道)

我的收藏
(0道)

我的斩题
(0道)

我的笔记
(0道)

专项练习

顺序练习 练习进度 0 / 0

随机练习 自定义设置练习量

模拟考试 仿真模拟

题型练习 按题型分类练习

易错题 精选高频易错题

学习资料 考试学习相关信息

搜索

题库预览

在Vue的模板语法中，在双大括号中，以下哪个是无法使用：(　　)

在Vue中，我们在哪个配置项中定义计算属性：(　　)

以下有关v-for指令说法错误的是：(　　)

在Vue中以下哪个指令是用来进行事件的绑定的：(　　)

在Vue中，当我们想监听一个变量的时候应该使用哪个配置项:(　　)

在Vue中组件可以全局注册，也可以局部注册；局部注册的组件在components属性中定义，求问components什么数据类型形式：(　　)

Vue组件中子组件向父组件传值通过事件的触发，以下代码正确的是：(　　)

关于子组件向父组件通过自定义事件传值，以下写法正确的是：(　　)

在 Vue.js 中，<keep-alive> 组件的 include 属性用于指定哪些组件应该被缓存:(　　)

通过vue-router，我们可以构建单页面应用，请问如下说法错误的是：(　　)

在不使用<router-link>进行路由导航的情况下，Vue实例中，以下哪个语句可以进行正确的路由跳转：(　　)

在使用Element Plus框架开发前端页面时，以下哪种方法是正确的使用<el-button>组件的方式：(　　)

更改 Vuex 的 store 中的状态的唯一方法是提交：(　　)

如下代码： Var store = new Vuex.Store({ state{ count:1 }, mutation:{ increment(state){ state.count++; } } }) 怎么改变 state中count的状态：(　　)

使用Vu
（含图）（含图）
使用Vu
（含图）（含图）
使用 Vue3 框架，创建一个单文件组件，该组件包含一个列表，列表中的元素是根据用户输入的关键词动态生成的。当用户输入关键词时，列表会显示与关键词相关的项目。如果用户没有输入关键词，则列表默认为（'项目1', '项目2', '项目3', '项目4'）。（15分）
（含图）
（含图）（含图）

请使用Vu
创建一个新的Vue项目，并安装Vu
配置路由，使得访问根路径时显示首页组件，访问/about路径时显示关于页组件。
在首页和关于页中分别添加一个标题和一个返回首页的链接，运行项目，确保能够正确导航到首页和关于页。（10分）
（含图）（含图）（含图）
（含图）（含图）

用户详情页效果展示
结果截图：
（含图）
代码截图：
（含图）（含图）（含图）
四实验总结
本次实验聚焦 Vue3+Vu
五实验心得
本次实验让我深刻体会到前端开发中 “细节决定成败” 的道理。从 npm 权限配置的基础问题，到 TypeScript 类型声明的细节规范，再到路由嵌套渲染的逻辑陷阱，每一步都需严谨对待。Element Plus 等组件库虽提升开发效率，但必须严格遵循官方文档规范，避免因图标名称错误等细节导致功能异常。通过直接导入组件替代嵌套路由的修复方案，我意识到灵活调整技术方案的重要性。此次实验不仅巩固了 Vue3 技术栈的实操能力，更培养了排查问题的逻辑思维，为后续对接后端接口、优化系统功能奠定了坚实基础，也让我更注重开发中的规范与细节把控。

在Vue3应用中，使用<keep-alive>组件来缓存动态组件。创建一个父组件ParentComponent，其中包含两个按钮用于切换显示两个子组件FirstComponent和SecondComponent，按钮的功能是当前点击后展示次数内容，事件为@click="count++"，使用<keep-alive>确保当用户在这两个组件之间切换时，原来组件的状态被缓存，要求展示出点击按钮后的页面效果和控制台日志内容。(　　)（含图）（含图）（含图）（含图）（含图）

使用 Vue3 框架，创建一个单文件组件，该组件包含一个输入框和一个显示结果的区域。用户可以在输入框中输入数字，当数字大于等于10时，显示“大数”，否则显示“小数”。（15分）

在Vue3中，创建一个名为MyComponent的组件，并在父组件中注册并引用它。要求MyComponent显示一段文本“Hello, Vue!”。（10分）

1 2