前端基础周测-10
一、选择题
1、下列关于Vue的优势的说法错误的是
A.双向数据绑定
B.轻量级框架
C.增加代码的耦合度
D.实现组件化
参考答案:C
安装vue模块的命令
2、下列选项中,用来安装vue模块的正确命令是
A.npm install vue
B.node.js install vue
C.node install vue
D.npm I vue
参考答案:A
3、Vue中实现数据双向绑定的是
A.v-bind
B.v-for
C.v-model
D.v-if
参考答案:C
4、在Vue中,能够实现页面单击事件绑定的代码是
A.v-on:enter
B.v-on:click
C.v-on:mouseenter
D.v-on:doubleclick
参考答案:B
5、下面列出的钩子函数会在Vue实例销毁完成时执行的是()
A.updated
B.destroyed
C.created
D.mounted
参考答案:B
6、以下选项中不属于vuex中的属性?
A.state
B.getters
C.actions
D.init
参考答案:D
获取动态路由
7、以下获取动态路由{ path: '/user/:id' }中id的值正确的是()
A.this.router.params.id
D.this.router.params.id
参考答案:A、
vue-router插件的安装命令
8、下列vue-router插件的安装命令,正确的是()
A.npm install vue-router
B.node install vue-router
C.npm Install vueRouter
D.npm I vue-router
参考答案:A
9、下列关于 query方式传参的说法,正确的是()
A.query方式传递的参数会在地址栏展示
B.在页面跳转的时候,不能在地址栏看到请求参数
C.在目标页面中使用“this. route. query参数名”来获取参数
D.在目标页面中使用“this. Route. params.参数名”来获取参数
参考答案:A
10、下列关于Vuex实例对象接口的说法,错误的是
A.Vuex实例对象提供了 store实例对象可操作方法
B.Vuex实例对象state数据可以由实例委托代理
C.通过Vuex实例对象可实现组件状态的管理维护
D.Vuex实例对象初始数据是 state数据
参考答案:B
11、下列不属于 Vuex, Store配置对象接收参数的是
A.data
B.state
C.mutations
D.getters
参考答案:A
12、下面关于Vuex中的actions的说法,不正确的是
A.actions中事件函数通过commit完成分发
B.acitons中事件处理函数接收 context对象
C.actions与Vue实例中的 methods是类似的
D.可以用来注入自定义选项的处理逻辑
参考答案:D
13、下列不属于Vue开发所需工具的是()
A.Chrome浏览器
B.VS Code编辑器
C.vue-devtools
D.微信开发者工具
参考答案:D
14、npm包管理器是基于()平台使用的。
A.Node.js
B.Vue
C.Babel
D.Angular
参考答案:A
二、判断题
- Vue与 Angular和 React框架不同的是,Vue设计为自下而上逐层应用
- Vue完全能够为复杂的单页应用提供驱动
- Vue是一套构建用户界面的渐进式框架,Vue的核心只关注视图层 (×)
- Vue中MVVM框架主要由3部分组成: Model、View和 ViewModel
- Vue可以在Node环境下进行开发,并借助npm包管理器来安装依赖
- 在项目中引入了 vuejs文件,才可以创建Vue实例
- Vue事件传递方式有冒泡和捕获,默认是冒泡
- Vue开发提出了组件化开发思想,每个组件都是一个独立的单元
- 在Vue中 beforeDestroy与 destroyed钩子函数执行后,都可以获取到Vue实例
- Vue提供的全局APl接口 component,不能用来注册组件 (×)
- Vue实例对象中data数据具有响应特性
- Vue实例对象中通过 options可以获取到父作用域下的所有属性
- 函数式组件中的 render函数用来创建组件模板
- Vue中组件分为三种,基础部分有两种:全局组件和局部组件,工程化里有一种,即.vue单文件组件。
- 管理工具与镜像:npm即node.js包管理工具,cnpm为淘宝镜像
- 后端路由通过用户请求的URL导航到具体的html页面
- 开发环境下,使用 import VueRouter from vueRouter来导入路由
- 嵌套路由的使用,主要是由页面结构来决定的
- params方式传参类似于GET请求 (×)
- 在单页面应用中更新视图可以不用重新请求页面
- Vuex的 state选项中数据是初始数据状态
- 当在Vuex实例对象中调用 store时,一定会获取到store实例对象
三、简答题
阐述一下vue-cli创建的脚手架项目文件和目录作用?
a)build:项目构建(webpack)相关代码
b)config:配置目录,包括端口号等
c)node_modules:npm加载的项目依赖的模块(部署是不需要)
d)src:是要开发的目录,基本上开发内容都在这里
i.assets:放置一些图片
ii.components:目录中放了一个组件文件夹
iii.router:路由相关内容
iv.main.js:项目的核心文件
v.App.vue:项目入口,可以将组件写这
e)staic:静态资源文件,如图片,字体等
f)test:初始测试目录,可删
g).XXX:一些配置文件,包括语法配置,git配置
h)index.html:首页入口文件,可添加一些meta信息或统计代码
i)package.json:项目的配置文件,使用npm生成项目时,所输入的配置信息,包括项目名称,作者等
j)README.md:项目说明文档
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!