《vue.js前端开发》期末考试a卷_在线真题试卷与模拟练习_《vue.js前端开发》期末考试a卷_考试宝

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

有效期：个月

章节介绍：共有个章节

收藏

我的练习

我的错题
(0道)

我的收藏
(0道)

我的斩题
(0道)

我的笔记
(0道)

专项练习

顺序练习 0 / 0

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

题型乱序 按导入顺序练习

模拟考试 仿真模拟

题型练习 按题型分类练习

易错题 精选高频易错题

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

搜索

题库预览

Vue.js 中，用于绑定事件修饰符的指令是______，它可以通过添加修饰符来改变事件的默认行为。

Vue.js 中，用于延迟执行表达式直到用户停止输入的指令是______，它可以帮助减少不必要的计算。

在 Vue 实例中，使用______选项来监听数据的变化，并在数据变化时执行相应的操作。

当监听对象的属性变化时，如果要深度监听对象内部属性的变化，需要设置______选项为 true。

在 Vue 组件中，父组件向子组件传递数据是通过______实现的。

请使用 Vue 实现一个待办事项列表应用：（40分）。评分标准如下： 1) 有一个输入框，用于输入待办事项的内容。（5分） 2) 有一个 “添加” 按钮，点击该按钮可以将输入框中的内容添加到待办事项列表中（5分）； 3) 待办事项列表以无序列表（<ul>）的形式展示(5分) 4) 使用 Vue 的 data 选项来存储待办事项列表，初始列表为空（5分） 5) 输入框中的内容和待办事项列表的数据要实现双向绑定（5分） 6) 输入框为空时，点击 “添加” 按钮不做任何操作。（5分） 7) 输入框有内容时，点击 “添加” 按钮将内容添加到待办事项列表中，并清空输入框。（5分） 8) 点击 “复选框” 按钮，将对应的待办事项状态显示为`完成`（5分） 9) 注意：以实现功能为主，不要求样式完全实现。请补全以下代码：页面：<input type="text" placeholder="请输入代办事项" （1）______="newTaskName" > <input type="button" value="添加" （2）______="onAddNewTask" /> <ul > <li （3）______（4）{{______}} <input type="button" value="删除" （5）______=" ondeleteTask（______）" （6）" /></li> </ul> Script 代码: data() { （7）______{ // 任务列表的数据 todolist: [ { id: 1, task: '周一早晨9点开会', done: false }, { id: 2, task: '周一晚上8点聚餐', done: false }, { id: 3, task: '准备周三上午的演讲稿', done: true }, ], // 下一个可用的 Id nextId: 4, newTaskName:"" } }, methods: { //添加的方法 onAddNewTask(){ If(______(8))return this.todolist______（9）{{ id: this.nextId, task: this.______(10), done: false, }} this.nextId++ }, ondeleteTask(id){ this.todolist.filter(x=>{x.id!==id}) } } （含图）

请简要说明 Vue 中计算属性和监听属性的区别与使用场景。（10分）

简述 Vue 组件之间通信的几种方式，并说明每种方式的适用场景（10分）。

1 2