（Vue）Vue课后题

作者：小丑西瓜9 | 2024-03-23 13:23:24

踩

（Vue）Vue课后题

Vue课后题

文章目录

Vue课后题

第1章 Vue.js 基础入门

一、填空题

题目
1．Vue 是一套构建 _ 的渐进式框架	1. 用户界面
2．MVVM 主要包含 3 个部分，分别是 Model、View 和 _	2. View Model
3．Vue 中通过 _ 属性获取相应 DOM 元素	3. refs
4．在进行 Vue 调试时，通常使用 _ 工具来完成项目开发	4. vue-devtools
5．Vue 中页面结构以 _ 形式存在	5. 组件

二、判断题

1．Vue 与 Angular 和 React 框架不同的是，Vue 设计为自下而上逐层应用。
2．Vue 完全能够为复杂的单页应用提供驱动。
3．Vue 是一套构建用户界面的渐进式框架，Vue 的核心只关注视图层。
4．Vue 中 MVVM 框架主要由 3 部分组成：Model、View 和 View Model。
5．Vue 可以在 Node 环境下进行开发，并借助 npm 包管理器来安装依赖。
$全对\ All\ Right$

三、选择题

1．下列关于 Vue 说法错误的是（）。
A．Vue 与 Angular 都可以用来创建复杂的前端项目
B．Vue 的优势主要包括轻量级、双向数据绑定
C．Vue 在进行实例化之前，应确保已经引入了核心文件 vue.js
D．Vue 与 React 语法是完全相同的

2．下列关于 Vue 的优势的说法错误的是（）。
A．双向数据绑定
B．轻量级框架
C．增加代码的耦合度
D．实现组件化

3．下列不属于 Vue 开发所需工具的是（）。
A．Chrome 浏览器
B．VS Code 编辑器
C．vue-devtools
D．微信开发者工具

4．npm 包管理器是基于（）平台使用的。
A．Node.js
B．Vue
C．Babel
D．Angular

5．下列选项中，用来安装 vue 模块的正确命令是（）。
A．npm install vue
B．node.js install vue
C．node install vue
D．npm I vue

四、简答题

1．请简述什么是 Vue。

一套用于构建用户界面的渐进式框架，本身就是一个 js 文件，与其他大型框架相比，Vue 被设计为可以自底向上逐层应用。

2．请简述 Vue 优势有哪些。

轻量级
双向数据绑定，MVVM 框架
指令，主要包括内置指令和自定义指令，以“ v- ”开头，作用于 HTML 元素。
插件，插件用于对 Vue 框架功能进行扩展，通过 MyPlugin.install 完成插件的编写，简单配置后就可以全局使用

3．请简单介绍 Vue、React 之间的区别。

Vue 用 DOM 模板，React 依赖虚拟 DOM

五、编程题

1．请使用 Vue.js 动手创建 Vue 实例并实现数据的绑定效果。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="vue.js"></script>
</head>
<body>
    <div id="app"> {
  {msg}} </div>
    <script>
    var vm = new Vue({
    
        el: '#app',
        data: {
    
            msg: 'hello world'
        }
    })
    </script>
</body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

2．请手动配置 Vue.js 开发环境。

VS Code 编辑器
Vue 的下载和引入

官网下载 vue.js，通过 script 引入
git-bash 命令行管理工具（增强版的 cmd）

Node.js 环境

为什么要用 Node?
答：不能给用户源代码，我们选择通过 node 将项目暴露出去，然后普通用户就可以通过浏览器访问咱们的项目

1. 将项目交给 node 管理的过程，称之为项目部署/发布
2. node 管理项目之后，暴露出一个端口，我们通过 ip + 端口就可以访问 node 管理的这个项目
3. 我们的电脑如果通过 Node 运行了 Web 项目，那么我们的电脑就可以称之为服务器
1
2
3
4
5
6

npm 包管理工具（用来解决 Node.js 代码部署问题）
Chrome 浏览器插件 vue-devtools

webpack 打包工具（代码优化，并打包）

安装 webpack 和 webpack-cli
npm install webpack webpack-cli -g
-g：全局安装，即所有项目都能用
1
2
3

构建 Vue 项目

1. 安装脚手架
npm install vue-cli@2.9.x -g

2. 创建 webpack 模板的 Vue 项目
vue init webpack 项目名

3. 启动项目 npm run dev
就是运行 webpack-dev-server 官方提供的一个 express server，相当于是已经在开发者模式中发布了
1
2
3
4
5
6
7
8

$One\ End.$

第2章 Vue 开发基础（上）

一、填空题

题目
1．Vue 实例对象通过 __ 方式来创建。	1. new
2．Vue 初始数据在实例对象的 __ 参数中进行定义。	2. data
3．Vue 实例对象中的 el 参数表示 __。	3. 唯一根标签
4．Vue 中实现双向数据绑定的指令是 __。	4. v-model
5．Vue 事件绑定指令是 __。	5. @，即 v-on

二、判断题

1．在项目中引入了 vue.js 文件，才可以创建 Vue 实例。
2．Vue 实例对象指令主要包括自定义指令和内置指令，通过指令省去 DOM 操作。
3．Vue 事件传递方式有冒泡和捕获，默认是冒泡。
4．Vue 开发提出了组件化开发思想，每个组件都是一个孤立的单元。
5．在 Vue 中 beforeDestroy 与 destroyed 钩子函数执行后，都可以获取到 Vue 实例。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/295428