前端框架技术（Vue.js）智慧树知到期末考试答案章节答案2024年山东劳动职业技术学院

前端框架技术（Vue.js）智慧树知到期末考试答案+章节答案2024年山东劳动职业技术学院css-loader用来解析css文件中的代码。（）

答案:对v-bind:style的数组语法可以将多个样式对象应用到同一个元素上。（）

答案:对在组件中，使用特殊的元素＜slot＞就可以为组件开启一个插槽。（）

答案:对＜keep-alive＞是一个抽象组件，它自身渲染一个DOM元素，也出现在父组件链中。（）

答案:错Vue.js是一个提供了MVVM模型的双向数据绑定的JavaScript框架，专注于View层。（）

答案:对如果想要实现对复选框的双向绑定，需要在绑定的vue对象的data属性中定义一个数组，用于在复选框上进行v-model的绑定。（）

答案:对组件可以访问Vue实例的数据。（）

答案:错在＜template＞上使用v-for指令，最终的渲染结果不包含＜template＞元素。（）

答案:对使用v-for指令可以遍历数组、对象、数字、字符串等数据类型。（）

答案:对用一个＜keep-alive＞元素将动态组件包裹起来时，会缓存不活动的组件实例，而不是销毁它们。（）

答案:对子组件模板的所有东西都会在子级作用域内编译。（）

答案:对vue-router的作用是将每个路径映射到对应的组件，并通过路由进行组件之间的切换。（）

答案:对在侦听属性不启用深度遍历时，无法监听到对象的内部属性的变化的。（）

答案:对判断下列代码的写法是否正确：＜div:style="{textColor:activeColor,font-size:size}"＞Vue.js样式绑定＜/div＞。（）

答案:错query方式传参类似于get请求。（）

答案:对Vue的computed中的函数跟其他函数一样可以传参。（）

答案:对使用v-model指令可以实现数据的双向绑定。（）

答案:对按键修饰符.delete能同时捕获“删除”和“退格”键。（）

答案:对v-if显示隐藏是将dom元素整个添加或删除。（）

答案:对使用npm包通过npminstall-g@vue/cli命名全局安装@vue/cli3.x。（）

答案:对下列关于计算属性，说法正确的是（）

答案:通过getter/setter来显示和监视属性数据。###在computed属性对象中定义计算属性的方法，在页面上使用{{方法名}}来显示计算结果。###计算属性存在缓存，多次读取只执行一次getter。###Computed属性默认只有getter，不过在需要时也可以提供一个setter。下列哪些方式可以实现路由跳转（）。

答案:this.$router.push({path:’/user’})###router-linkvue中有哪些键盘事件（）。

答案:keyup###Keypress###keydown使用组件的基本步骤（以全局注册方式为例）（）。

答案:创建组件构造器###使用组件###注册组件用来动态的绑定一个或者多个特性。没有参数时，可以绑定到一个包含键值对的对象。常用于动态绑定class和style，以及href等。（）

答案:v-for###v-bind下列关于params方式传参的说法，错误的是。（）

答案:params方式传递的参数会显示到地址栏中。使用（）特性来选择要挂载的组件。

答案:is组件的局部注册是指在Vue实例中的哪个属性中进行注册（）。

答案:components下面关于Vue说法错误的是:()

答案:data中某一个属性的值发生改变后，视图会立即同步进行冲渲染使用@vue/cli生成一个名称为film的项目，在命令提示符窗口中需要输入命令（）

答案:vuecreatefilm下列属性不属于Vuex（）。

答案:Statu下列关于Vuex实例对象接口的说法，错误的是。（）

答案:Vuex实例对象$data数据可以由实例委托代理在Vue.js中，列表渲染使用的是（）指令。

答案:v-if在webpack配置文件中，下列哪个是正确的出口配置项。（）

答案:out在项目中可以通过npm命令（）安装路由vue-router。（）

答案:npminstallvue-router根据表达式的值的真假条件，销毁或重建元素的指令是（）

答案:v-if如果在内联语句中需要获取原生的DOM事件对象，可以将特殊变量（）传入方法中。

答案:$event非父子组件之间通信可以采用以下哪种方式进行。()

答案:事件总线机制声明具名插槽，需要给slot元素一个（）属性。

答案:name为了让我们封装的组件更加具有扩展性，可以使用（）

答案:插槽params方式传参类似于GET请求。（）

答案:错在webpack配置文件中哪个配置项可以设置Vue组件的解析规则。（）

答案:module在webpack配置文件中，下列哪个是正确的入口配置项。（）

答案:entryVuex实例对象可以调用Vue全局接口。（）

答案:对下列关于query方式传参的说法，正确的是。（）

答案:query传参会在地址栏中显示参数命名视图指的是在rrouter-view标签上设定name属性。（）

答案:对以下获取动态路由{path:'/user/:id'}中id的值正确的是：（）

答案:this.$route.params.id＜router-link＞组件支持用户在具有路由功能的应用中（点击）导航，通过to属性指定目标地址，默认渲染成带有正确链接的（）标签。

答案:aVue-cli的src文件夹中有包含的文件说明错误的有（）

答案:router:公共组件###App.vue:子组件下列哪些属性属于Vuex（）。

答案:Mutation###Getter###State在过渡封装组件中使用appear属性可以重载过渡中切换类名的前缀。（）

答案:对在@before-enter阶段可以设置元素开始动画之前的起始样式。（）

答案:对在使用animate.css库时，基本的class样式名是animate。（）

答案:对通过name特性设置节点在初始渲染的过渡。（）

答案:对enter和leave动画钩子函数，除el参数外还会传入一个done作为参数。（）

答案:对vue提供了内置的过渡封装组件是transition。（）

答案:错在离开的过渡中有3个class切换（）

答案:v-leave-to###v-leave-active###v-leave下列选项中关于动画钩子函数说法正确的是（）。

答案:钩子函数需要结合CSStransitions或animations使用，不能单独使用###done作为参数，作用就是告知vue动画结束###@leave-cancelled函数只能用于v-if中###对于@enter来说，当与CSS结合使用时，回调函数done是必须的从父组件向子组件传递数值采用的通信方式是$emit（）

答案:错子组件向父组件传递数据时，在子组件中通过（）来监听事件。

答案:$on在组件中，使用特殊的元素＜slot＞就可以为组件开启一个（）。

答案:插槽Vponent()命令是用来全局注册组件的（）。

答案:对组件的data属性必须是函数。（）

答案:template使用组件的基本步骤（以全局注册方式为例），不包括（）。

答案:扩展组件HTML模板的抽取，是将HTML代码抽取到以下template标签中（）。

答案:对可以用v-model指令在表单哪些元素上创建双向数据绑定。（）

答案:其他都是###＜input＞###＜textarea＞###＜select＞实现双向数据绑定的原理是在Vue中使用内置的v-model指令完成数据在View与Model间的双向绑定。（）

答案:对v-model会忽略所有表单元素的value、checked、selected特性的初始值，而总是将Vue实例的数据作为数据来源。（）

答案:对对于数据的绑定，可使用如下哪些操作方式。（）

答案:v-text指令###其他都是###插值表达式（{{}}）###v-model指令v-model绑定的值通常是动态的字符串。（）

答案:错使用v-model指令时添加number修饰符，可以将用户的输入值转为数值类型。（）

答案:对Vue中实现数据双向绑定的是（）

答案:v-model在Vue中，能够实现页面单击事件绑定的代码是（）。

答案:v-on:click在Vue.js为v-on提供了事件修饰符，提交事件不再重载页面的事件修饰符是哪个（）。

答案:.prevent用于监听DOM事件的指令是（）。

答案:v-on下列哪个不是v-on指令中的事件修饰符（）。

答案:.get如果要阻止浏览器的默认行为，需要使用（）事件修饰符。

答案:.preventv-on在模板语法中可以缩写，正确的缩写是（）。

答案:＜a@click="doSomething"＞＜/a＞Vue中关于v-on的修饰符，下列描述正确的是（）。

答案:修饰符可以串联###.prevent提交事件不再重载页面###.stop阻止单击事件冒泡Vue中关于v-bind绑定样式的写法，正确的是（）。

答案:＜divv-bind:class="classObject"＞＜/div＞###＜divv-bind:class="[activeClass,errorClass]"＞＜/div＞###＜divv-bind:class="{active:isActive}"＞＜/div＞###＜divv-bind:class="{active:isActive,'text-danger':hasError}"＞＜/div＞在Vue中如果想实现用户已经登录，浏览器显示“欢迎**登录”；如果没有登录，浏览器就显示一个“登录”的链接，需要使用以下哪个指令？（）

答案:v-if以下关于v-text指令的说法正确的是：（）

答案:v-text主要用来更新textContent，将实例中的数据当成纯文本输出，可以等同于JavaScript的text属性。###v-text会将数据以字符串文本的形式更新###在更新数据时，v-text指令可以替换掉整个的内容。v-html会将元素当成HTML标签解析后输出。（）

答案:对当v-if与v-for一起使用时，v-for具有比v-if更高的优先级。（）

答案:对v-else、v-else-if必须跟在v-if或者v-else-if之后。（）

答案:对为HTML元素绑定属性需要使用（）指令。

答案:v-bind以下关于v-html指令的说法正确的是：（）

答案:不能使用v-html来与局部模板复合使用，因为Vue不是基于字符串的模板引擎。###v-html会将实例中的数据当成HTML标签解析后输出，它等同于JavaScript的innerHtml属性。###v-html则是将数据以HTML标签的形式更新关于Vue的生命周期，下列哪项是正确的？()

答案:Vue实例从创建到销毁的过程，就是生命周期。###DOM渲染在mounted中就已经完成了。###created表示完成数据观测，属性和方法的运算，初始化事件，$el属性还没有显示出来。下面列出的钩子函数会在Vue实例销毁完成时执行的是（）

答案:destroyedVue.js中正确的挂载方式有（）。

答案:通过Vue实例.$mount("css选择器")进行配置###通过el:“css选择器”进行配置Vue.js中实例化Vue的写法正确的是（）。

答案:varvm=newVue（{//选项}）Vue实例对象中data数据具有响应特性。（）

答案:对mounted方法在挂载之后被调用，且在服务器端渲染期间不能被调用。（