山东济南公司网站,文档网站超链接怎么做,织梦网站织梦做英文版的,网页制作作业下载第一章 初识vue.js
一.填空题
1.Vue是一套用于构建___用户界面_____的渐进式框架.
2.Vue中的指令以______v-__开头.
3.Node.js 是一个基于____V8___引擎的JavaScript运行环境。 4.在yam 中#xff0c;__yarn add__命令用于添加指定名称的包。 5.在 npm 中#xff0c;___…第一章 初识vue.js
一.填空题
1.Vue是一套用于构建___用户界面_____的渐进式框架.
2.Vue中的指令以______v-__开头.
3.Node.js 是一个基于____V8___引擎的JavaScript运行环境。 4.在yam 中__yarn add__命令用于添加指定名称的包。 5.在 npm 中___npm uninstall________命令用于卸载指定名称的包。
二、判断题 1.在Vue 项目中执行yam dev命令可以完成项目构建。(X) 2.在 Vue 项目中执行npm update命令可以更新指定名称的包。(√) 3.mpm是一个包管理工具用来解决Node.js代码部署问题。(X 4.在使用yum之前需要先确保计算机中已经安装了Node.js。(√ 5.Vue可以在Nodejs环境下进行开发并借助npm工具安装依赖。(√) 三、选择题 1.下列选项中关于Vue说法错误的是(D)。 A.Vue 相比Angular和React而言是一个轻量级的前端库 B.Vue 支持 Pinia 插件 C.Vue支持双向数据绑定 D.Vue中自定义指令以“on-”开头 2.下列选项中关于npm工具说法正确的是(B)。 A.使用npm安装同一个包时会对包进行缓存再次安装时无须重复下载 Bmpm安装包时必须等到当前包安装完成后才会继续后面的安装 C.使用“npm install包名-g”命令表示将包安装到当前项目中 D.使用npm命令时不需要安装Node.js 3、下列选项中关于MVVM的说法错误的是(D)。
A.Model主要负责业务数据的处理 B.View负责视图的处理 C.ViewModel负责监听Model或View的改变 D.Model和View可以直接通信互相监控双方的动作并及时进行相应操作 4.mpm包管理工具基于的运行环境是(A)。 A. Node.js B. Vue C. Babel D. Angular 5、下列选项中属于Vue特性的是(B、C、D)。(多选) A.轻量级 B.数据驱动视图 C双向数据绑定 D插件化开发 四、简答题1.请简述 Vue 的特性。
Vue 的特性如下。
1 .数据驱动视图
在使用 Vue 的页面中Vue 会监听数据变化当页面数据发生变化时Vue 会自动重新渲染页面结构。
2 .双向数据绑定
Vue 实现了双向数据绑定即当数据发生变化时视图也会发生变化当视图发生变化时数据也会跟着同步变化。
3 .指令
指令主要包括内置指令和自定义指令内置指令是 Vue 本身自带的指令而自定义指令是由用户自己定义的指令。指令的名称以“v-”开头作用于 HTML 中的元素。将指令绑定在元素上时指令会给绑定的元素添加一些特殊的行为。 4 插件 Vue 支持插件通过加载插件可以实现更多的功能。
2.请简述 MVVM 的组成部分及基本工作原理。
MVVM 主要包含 Model数据模型、View视图和 ViewModel视图模型。其 中Model 是指数据部分负责业务数据的处理View 是指视图部分即用户界面负责 视图处理ViewModel 用于连接视图与数据模型负责监听 Model 或者 View 的改变。
第二章 Vue.js开发基础
一.填空题
1.在Vue中每个单文件组件由_____模板______、_____样式_____逻辑三个部分构成。 2.Vue 中实现数据双向绑定的指令是__v-model________ 3.在 Vue 中可以通过______Mustache________语法将数据输出到页面中。 4.reactive()函数通常用来定义____响应式______数据。 5.Vue中属性绑定的指令是_v-bind____。 二、判断题 I.rel()函数用于将响应式对象中的单个属性转换为响应式数据。(X) 2.Vue中绑定样式类可以通过v-bind指令操作style 属性来实现。(√) 3.toRef()函数用于将普通数据转换成响应式数据。(X) 4.$event是Vue提供的内置变量使用它可以获取事件对象。( √) 5.使用v-model 的.trim修饰符可以自动过滤用户输入的首尾空白字符。(√) 三、选择题 1下列关于单文件组件的说法中错误的是(B)。
A、模板用于搭建当前组件的DOM结构 B.在 Vue3中template标签中的DOM结构只能有一个根节点
C.样式用于通过CSS代码为当前组件设置样式 D.逻辑用于通过JavaScript代码处理组件的数据与业务 2、下列选项中用于渲染DOM元素的文本内容的指令是(B)。 A.v-bind B.v-text Cv-on D.v-for 3.下列选项中用于将响应式对象中的所有属性转换为响应式数据的函数是()。 A.ref() B. reactive( ) C.toRef() D. toRefs( D) 4、下列关于事件修饰符的说法中错误的是(B)。 A、使用.prevent修饰符可以阻止a标签的默认跳转行为 B.使用stop修饰符可以阻止默认事件行为 C.使用capture 修饰符可以改变事件的默认执行顺序从冒泡方式更改为捕获方式 D.使用.self修饰符可以实现只有DOM元素本身才会触发事件 5.下列关于v-for的说法中错误的是(A)。 A、使用v-for时要指定key的值key的值不具有唯一性
B.v-for可以辅助开发者基于一个数组、对象、数字或字符串循环渲染一个列表
Cv-for会根据数组中元素的个数来决定循环次数
D.v-for会根据对象中属性的个数来决定循环次数 四、简答题1.请简述常见的事件修饰符。
在 Vue 中经常会使用事件修饰符用于修饰事件常见的事件修饰符有以下 5 种。
1 .通过.prevent 事件修饰符可以实现阻止默认事件行为的功能。
2 .通过.stop 事件修饰符可以实现阻止事件冒泡的功能。
3 .通过.capture 事件修饰符可以实现事件捕获的功能。
4 .通过.once 事件修饰符可以实现使事件只触发一次的功能。
5. 通过.self 事件修饰符可以实现只有 DOM 元素自身触发事件时才执行事件方法的 功能。
2.请简述 v-if 和 v-show 指令的区别。
在 Vue 中条件渲染指令分为 v-if 和 v-show 两种。v-show 与 v-if 都用来决定某一个 元素是否在页面上显示出来。 v-if 是根据布尔值切换元素的显示或隐藏状态本质是通过操作 DOM 元素来切换显 示状态。当给定的值为 true 时元素存在于 DOM 树中当给定的值为 false 时元素从 DOM 树中移除。 v-show 的原理是通过为元素添加或移除 display: none 样式来实现元素的显示或隐藏。 当需要频繁切换某个元素的显示或隐藏时使用 v-show 会更加节省性能上的开销 而当只需要切换一次显示或隐藏时使用 v-if 更合理。
第三章 组件基础
一.填空题
1.在使用选项式API时可以通过 ____methods______ 选项来定义方法。 2.组合式API下的____onBeforeUnmount()______函数在组件实例被销毁前执行。 3.在 Vue中可以通过Vue应用实例的____component()________方法实现全局组件的注册。 4在组件的template标签中可以引用其他组件被引用的组件需要写成__标签____的形式。 5.在 Vue 中可以通过_____自定义事件_____实现子组件向父组件传递数据。 二、判断题 1.当使用组合式API时数据和方法可以直接在setup()函数中定义。(√) 2.在Vue 中可以通过type属性对父组件中传递过来的props数据进行基础类型检查。(√) 3.在 Vue中可以调用defineProps()雨数声明props。(√)
4.在父组件中使用v-bind可以为子组件静态绑定props。(X) 5在 Vue中跨级组件之间的数据传递可以通过依赖注入来实现。(√) 三、选择题 1.下列选项中关于组合式API下的生命周期函数说法错误的是(C)。
A. onBeforeMount()函数会在组件挂载之前被调用
B.onMounted()函数会在组件挂载完成后被调用 C.onUpdated( )函数会在组件更新前被调用 D. onUnmounted()函数会在组件实例被销毁后调用 2、下列选项中关于props说法错误的是(A)。
A.对象形式的props不能使用多种验证方案 B.在声明props时通过添加default属性设置默认值
C.在声明props时通过添加required属性设置必填项
D.所有的 props 都遵循单项数据流原则 3.下列选项中关于跨组件之间数据传递说法错误的是(D)。
A.对象形式的props不能使用多种验证方案
B.在声明props 时通过添加 default 属性设置默认值
C.对子组件而言如果想要注入上层组件提供的数据则需要使用到inject()函数 D.provide()函数可以接收2个参数第1个参数是要注人的值第2个参数是注入名 4.下列选项中,关于在使用setup语法糖时声明自定义事件的方式说法正确的是(C)。 A.emit() B. delineProps( )C.defineEmits( ) Dprops属性 5.下列选项中关于在使用组件时监听自定义事件的指令说法正确的是(A)。 A. v-on B. v-bind C.v-model D. v-for 四、简答题1.请简述组件之问的数据共享有哪几种方式。
1 .通过 props 实现父组件向子组件中传递数据。
2. 通过自定义事件实现子组件向父组件中传递数据。
3 .通过依赖注入实现跨级组件之间的数据传递。
2.请简述如何解决组件之间的样式冲突。
在 Vue 中解决组件之间的样式冲突有以下 2 种方式。
1 scoped 属性 Vue 为”。
2 深度选择器 深度选择器通过:deep()伪类来实现在其小括号中可以定义用于子组件的选择器例 如“:deep(.title)”。
