选择题

1.下列选项用于设置Vue.js页面视图的元素是#xff08;#xff09;。

Template

2.下列选项中能够定义Vuejs根实例对象的元素是#xff08;年底陪你跨年的不会仅是方便面跟你的闺蜜还有孑的笔记。

选择题

16.以下v-model修饰符能够将字符型数据转换为数值型数据的是。

A..number

1.父组件中绑定message[ABC,D]传递给子组件在子组件中显示message.length的值是。

2.父组件向子组件传递数据时子组件可以通过属性来声明使用父组件的变量。

data

3.在父组件上使用指令来监听事件子组件中可以使用this.$emit“input,this.子组件属性)。

v-model

5.父组件通过某个元素的属性可以将数据信息传递至指定的具名插槽中。

name

6.一个单文件组件是由、script、style等3个标记元素组成。

slot

13.Nodejs在执行JavaScript任务时一般采用处理方式是

A.多线程

16.Nodejs中能够用来搭建HTTP服务器和客户端的模块是。

path

4.将默认导出的store对象注册到根实例中可通过Vue的选项来实现。

store

5.在辅助函数前面加上可以实现Vuex状态与局部计算属性混合使用。

...

6.下列选项中能够正确分发Action触发increment这个mutation的指令是。

commit(increment)

9.在VueRouter中必须显式地使用Router下列选项中正确的使用方法是。

Vue.use(Vuex)

10.下列选项中能够正确表达跳转到/user/chu的路由是。

{path:user/:chu,component:User)

{path:user/:id

12.在编程式导航中能够跳转到新的路由且在历史记录中添加一条新记录的方法是

router.back()

B.Vuejs的核心库只关注视图层不仅易于上手还便于与第三方库或既有项目整合。

D.当与现代化的工具链以及各种支持类库结合使用时Vuejs也完全能够为复杂的单页应用SPA(SinglePageApplication)提供

JavaScript

A.Vue实例被创建后View视图会产生响应匹配data中更新的数据。

15.以下关于Vue.set(target,propertyName/index,value)描述错误的是

B.propertyName/index可以是字符串或者数值型

push()

C.过滤器不能替代computed、methods、watch

:valuevalueA

A.用于条件性地渲染一块内容。

当指令的表达式的值为true时内容被渲染

B.使用v-else指令需要紧跟在v-if或者v-else-if后面否则不起作用

D.v-else-if可以充当v-if的else-if块可以链式的使用多次以实现switch语句的功效

D.input添加了key属性后用户在切换input时里面的数据不会被清除

A.布尔值

7.在下列选项中等同于JavaScript中的event.preventDefault()的修饰符是。

A..prevent

B.多个复选框绑定到同一个数组同时给每个复选框设置不同的id值和value值

D.单选按钮绑定到一个数组

14.Vue.js中钩子函数可以在被绑定元素插入父节点时调用。

componentUpdated

15.自定义指令时钩子函数的参数binding中。

属性代表字符串形式的指令表达式。

name

16.下列代码中为了实现输入框和Vue实例双向数据传递空格处的指令是。

div

18.父组件中插入子组件my-compossage[E,F,G]”/my-component,在子组件中显示message.length的值为。

19.父组件向子组件传递数据子组件可以使用以下选项来获取数据。

v-model

20.下列代码中横线处应该使用来引用组件myComponent。

div

v-on:clickcount被单击{{count}}次/button’

var

1.使用Vue.component(tagNameoptions定义的组件属于()注册方式

B.局部注册

2.子组件使用this.$emit‘input’this子组件属性向父组件传值时父组件中应该使用指令来监听。

v-bind

3.自定义事件中子组件用来触发自定义事件父组件使用$on来监听子组件的事件。

$on

5.要动态地绑定父组件的数据到子组件的props需要使用指令。

v-model

6.props选项的类型可以用于对外部传递进来的参数进行数据验证。

A.数组

Vue())来完成发送和接收消息。

其中bus.$emit()在组件中通过自定义事件来()消息。

A.接收

9.没有命名、有目只有一个插槽称为默认插槽default或称为(

A.作用域插槽

10.在子组件中具名插槽是通过slot元素的属性进行设置在父组件中通过标记的属性或template标记的v-slot:slotname来实现。

class,

11.父组件通过某个元素的属性可以将数据信息传递至指定的具名插槽中。

name

12.一个单文件组件由、script、style等3个标记组成。

slot

3.动态组件需要通过Vue中的component元素绑定属性来实现多组件的过渡。

v-for

A.Node.js为每一个模块提供一个exports变量这个变量指向module.exports。

B.在对外输出接口时可以向exports对象添加方法如exports.addfunction{}。

C.可以直接给exports赋值一个变量如exportsfunction{}。

D.exports对象是当前模块的导出对象用于导出该模块的公有方法和属性。

A.module.filename

httprequire(‘http’);http.createServer().listen(8080);

server.on()

server.on(‘request,function(request,response){...})

cmdea

6.当前路由对象中属性会保存当前路由的路径总是解析为绝对路径。

this.Sroute.query

A.route它是一条路由使用(...)来定义通常会包含两个属性分别是path、component,实现路由与组件的映射。

B.routes它是一组路由把每一条条路由组合起来形成一个数组也称为路由表类似于[route1,route2...]。

C.router-link表示路由出口。

该组件用于将匹配到组件相当于链接的页面渲染在这里。

D.router它是路由管理器用来管理路由。

当用户点击导航时路由器会到routes中去查找去找到对应的路由组件页面中就显示对应组件的内容。

$route.params

11.下列选项中能够实现项口初始化并创建packagejson的命令是

npm

13.在设置多出口路由时可以使用命名视图通过设置router-view组件的属性来定义。

name

14.在路由组合中定义命名视图需要在route中通过属性来注册多个路由组件。

A.component

15.在定义路由组件传参时如果使用布尔模式的props传值需要在路由中设置同时在路由组件中使用props属性来传值。

props

16.路由组件传值时使用props为对象在路由组件中需要将props属性定义为类型。

A.数值型

19.在编程式导航实现“返回首页”并与router.push(Home)相同功能的选项是。

其中首页组件名为Home,路径为/home。

router.go(1)

20.在定义子路由时通常不需要在子路由的path属性中添加,而是直接书写子组件名称。

A.”.”

1.通常采用vuecreatevue-router-5创建项目选择需要VueRouter后生成的有关路由的配置文件保存的路径为

src/router/index.js

4.从组件中提交一个mutationtype:increment正确的方法是

C.this.$store.commit(increment)

D.this.store.dispatch(increment)

5.Vuex通过在根实例中注册选项将状态注入到根组件下的所有子组件中且子组件能通过this.$store访问到。

store

B.在组件中直接给this.$store.state.count赋值

C.修改getter中赋值

9.Vuex中能够触发mutation函数从而修改状态支持异步的对象是

A.state

10.可以实现mutations中事件处理函数状态提交的选项是

A.commit

11.mutations中的事件处理函数可以接受作为参数即初始数据。

A.actions

state.namestate.name.slice(0,3)Ming

ChuJiuliang1

15.下面选项中可以用来创建vue项目的命令(vue/cliV3.x)的是

vue

A.Vuex的状态存储是响应式的当store中数据状态发生变化那么页面中的store数据也发生相应变化。

B.this.$router.state可以获取到store中的state数据

C.改变store中的状态的唯一途径就是显式地提交mutation

17.在项目的main.js文件中createApp(App).use(store).use(router).

mount(#app这种调用方式称为

18.下列选项中可以启动用vuecreatevue3-1项目的命令是。

npm

20.Vue3.0中组件内部暴露出所有的属性和方法的统一API的选项是

ref

1.对于watchEffect来说可以将watchEffect(返回值赋给stop然后可以使用可以清除依赖实现停止监听。

stopwatch

3.Vue3.0在setup函数中使用下列语句可以实例化路由。

A.const

4.Vue3.0在setup函数中可以使用语句来定义store实例。

const

6.当使用组合式APl时reactive、refs和template

refs的概念已经是统一的。

为了获得对模板内元素或组件实例的引用可以像往常一样在中声明一个ref对象并返回它。

function()

MVVM在计数器案例中哪个体现了ModelView以及ViewModel

ViewModel分离view和model又能实现程序逻辑methods中定义的functionadd和sub

1.复用减少代码工作量

const为块作用域仅在声明它们的代码块内有效。

var为函数作用域或全局作用域定义在函数内部的变量在函数外不可访问。

2const和let没有变量提升且定义的变量只在let命令所在的代码块生效在定义之前使用会报错。

var变量会被提升在全局范围内都有效且可在变量定义之前使用。

3const和let在同一作用域内不能重复声明同一个变量。

var允许重复声明。

4let

和var可以只声明不赋值。

const只能定义一个只读的常量定义后不能再改变不允许只声明不赋值。

5为了安全大部分情况下var可以用let来替代,尤其是for循环中定义循环变量使用let可以避免变量污染。

定义常量使用const。

rest

语法只在函数定义中使用能够将多个参数收集为一个数组并且只包含那些没有对应形参的实参。

2)arguments

对象是一个类数组包含所有传入的参数但它并不是数组因此不能直接使用数组方法。

3rest

箭头函数中的this指向根据当前执行上下文的变化而变化遵循谁调用就指向谁。

没找到直接调用者则this指的是全局对象window。

在严格模式下没有直接调用者的函数中的this是undefind。

使用call,apply,bind绑定this指的是绑定的对象。

嵌套函数中的this不会继承外层函数的this值。

使用vue时html标签怎么绑定事件

原理v-model本质上是一个语法糖。

例如应用在输入框上就是value属性和input事件的合写。

数据变视图跟着变

Vue使用on可以绑定事件的原因是因为Vue采用了事件代理的方式进行事件处理。

在普通的HTML中我们通常会使用addEventListener()方法来给元素绑定事件例如element.addEventListener(click,handler)。

这种方式需要分别为每个元素添加事件监听器当页面中的元素较多时会造成性能问题。

而Vue采用了事件代理的方式即通过在根元素上添加事件监听器来统一管理所有事件。

在Vue中我们可以通过v-on指令来绑定事件例如v-on:clickhandler。

在Vue内部当元素上触发了对应的事件后会根据事件类型进行事件分发找到对应的事件处理函数进行处理。

vue自定义指令如何实现的它有哪些钩子函数还有哪些钩子函数参数

定义方式全局定义指令在vue对象的directive方法里面有两个参数一个是指令名称另外一个是函数。

组件内定义指令directives

钩子函数

(1)执行顺序上有一些细微差别dom加载完成后将立即执行计算属性computed再执行watch。

(3)watch是更通用的响应数据变化的属性如果数据变化是异步的用watch较合适而计算属性适合做筛选不可异步。

(4)计算属性在调用时需要在模板中渲染修改计算所依赖元数据而watch在调用时只需修改元数据。

(6)计算属性computed需要返回值watch不需要返回值。

(7)计算属性computed的值不能在data中定义watch需要在data中定义。

(1)使用自定义组件时要先注册当前组件Vue.component(component-name,Component)。

同时在组件中定义props接受父组件数据。

(2)在自定义表单组件中加入v-model进行创建双向数据绑定。

(1)直接在组件上使用class、:class或v-bind:class如果组件有多个根元素可以用$attrs指定。

(3)v-bind:class传递一个数组应用一个class列表。

Vue

必须是一个函数因为每个组件实例都应该拥有独立的数据状态。

使用函数返回数据对象的方式可以确保每个组件实例都有其自己的数据副本防止数据共享和相互污染。

props

将数据传递给子组件子组件接收并渲染这些数据但子组件不能直接修改父组件的数据。

如果子组件需要修改数据它必须通过自定义事件$emit来通知父组件然后由父组件来修改数据。

这确保了数据流的可维护性和可追踪性使应用更易于理解和调试。

在选项式API中组件逻辑是按照data、methods、computed、watch等分块写的这种分离可能会导致相同功能的代码分散在不同的部分。

组合式API

通过将相关的逻辑组合在一起使代码更加紧凑和清晰尤其实在复杂组件中组织代码的方式更加自然。

在选项式API中如果要复用逻辑通常使用mixin但mixin存在作用域不清晰、命名冲突等问题。

组合式API提供了composable

可组合函数的概念运行将逻辑抽取成独立的函数这样复用性更强、代码更清晰。

组合式API更好地支持TypeScript尤其是在函数内部可以更明确地推断出数据和函数的类型而不需要额外的类型定义。

组合式API

提供了更灵活的响应式系统比如通过ref和reactive可以更直观地控制响应式数据的行为。

props

向父组件发送事件父组件通过监听该事件来接收数据。

在子组件中使用

defineEmits

事件时父组件会相应地更新数据或删除书籍。

这种模式实现了父子组件的双向交互并保持了组件的解耦。

为什么在抽取的组合式API中为什么数据会多用ref或reactive

Vue

确保响应式它们可以让数据变得响应式当数据变化时视图会自动更新。

°;)っ