vue期末复习

一、解答题

1、vue的优势有哪些？

• 轻量级（vue相对简单、直接，所以vue使用起来更加友好）
• 数据绑定（vue是一个MVVM框架，即数据双向绑定）
• 指令（指令主要包括内置指令和自定义指令，以“v-”开头，作用于HTML元素）
• 插件（插件用于对vue框架功能进行扩展，简单配置后就可以全局使用）

2、vue内置指令主要内容有哪些？

• v-on:事件监听    //v-on:click    页面单击事件绑定的代码
• v-bind：单向数据绑定
• v-model：双向数据绑定
• v-for：遍历数组、对象字符串（列表渲染）
• v-if:条件渲染
• v-show：显示隐藏
• v-text：插入文本内容
• v-html：插入包含HTML的内容

3、什么是vue？

• vue指的是vue.js框架。Vue.js是一款友好的、多用途的且高性能的js框架，一款构建用户界面的渐进式框架，它可以帮你创建可维护性和可测试性更强的代码库。

4、什么是vue组件化开发？

• 在vue中，组件是构成页面中独立结构单元，能够减少重复代码的编写
• 提高开发效率，降低代码之间的耦合程度，使项目更易维护和管理
• 组件主要以页面结构形式存在，不同组件也具有基本交互功能，根据业务逻辑实现复杂的项目功能

5、什么是vue实例对象？

• 在vue项目中每个vue应用都是通过vue构造器创建新的vue实例开始的，通过new关键字的方式创建vm实例对象
• 创建方式

• 其中配置选项的主要内容及含义
  • .data：vue实例数据对象（具有响应特性）
  • .methods：定义vue实例中方法
  • .components：定义子组件
  • .computed：计算属性
  • .filters：过滤器
  • .el：唯一根元素
  • .watch：监听数据变化
• vue实例对象只允许有唯一的一个根标签

二、单选题

1. vue-server-renderer的版本要与vue版本相匹配
2. vuex.store配置对象接收的参数：state、getters、mutations
3. vue-router插件的安装命令：npm install vue-router
4. v-show可以用来切换元素的可见状态
5. vue.mixin：
   1. 可以用来注入组件选项
   2. 是vue提供的全局接口api
   3. 使用vue.mixin可能会影响到所有vue实例
   4. 可以用来注入自定义选项的处理逻辑
6. SSR路由：
   1. hash模式路由，地址栏URL中hash改变不会重新加载页面
   2. SSR路由需要采用history的方式
   3. history模式完成URL跳转而无须重新加载页面
   4. history模式的路由可以提交到服务器上
7. vue为标签提供的过渡类名：
   1. v-leave在离开过渡被触发时立刻生效，下一帧被移除
   2. v-enter-active可以控制进入过渡的不同缓和曲线
   3. v-enter在元素被插入之前生效，在元素被插入之后的下一帧移出
8. ref：
   1. 可以利用v-for和ref获取一组数组或者DOM结点
   2. ref加在普通元素上，用this.$refs.name获取到的是DOM元素
   3. ref在子组件使用时，用this.$refs.name获取到组件实例，可以使用组件的所有属性和方法
   4. ref在DOM渲染完成之后使用
9. vue实例对象接口：
   1. 通过vue实例对象可以进行vue全局配置
   2. vue实例对象$data数据可以由实例vm委托代理
   3. vue实例对象提供了实例可操作方法
10. vuex实录对象接口：
    1. 通过vuex实例对象实现组件状态的管理维护
    2. vuex实例对象提供了store实例对象可操作方法
    3. vuex实例对象初始数据是state数据
11. 钩子函数destroyed会在vue实例销毁完成时执行
12. query方式传递的参数会在地址栏展示
13. CLI服务：
    1. 在@vue/cli-service中安装了一个名为vue-cli-service的命令
    2. cue.config.js是一个可选的配置文件
    3. 通过vue ui使用GUI图形用户界面来运行更多的特性脚本
14. 安装vue的命令：npm install vue
15. vuex实例对象中类似于computed计算属性功能的选项：getters
16. vue实例对象获取子组件实例对象的方式：$children
17. npm包管理器是基于Node.js平台使用
18. 元素过渡：
    1. 当有相同标签名的元素切换时，需要通过key特性设置唯一的值来标记让vue区分它们
    2. 组件的默认行为指定进入和离开同时发生
    3. 不相同元素之间可以使用v-if和v-else来进行过渡
19. vuex核心模块：
    1. vuex配置对象中，mutations选项是同步的；actions选项是异步的；
    2. 通过commit完成mutations提交
20. 执行npm uninstall vue-cli -g命令可以全局删除vue-cli包
21. 动画钩子函数中，done作为参数，就是告知vue动画结束
22. params方式传参：
    1. 在目标页面中使用this.$route.params或$route.params参数名来获取参数
    2. 在页面跳转的时候，不能在地址栏看到请求参数
23. Nuxt.js:
    1. 在Nuxt.js项目中，声明式路由在html标签中通过完成路由跳转
    2. 用create-nuxt-app 项目名 命令创建项目
    3. 使用Nuxt.js搭建的项目中，pages目录是用来存放应用的路由及视图
24. .vue与Angular都可以用来创建复杂的前端项目

三、填空题

1. vue事件绑定指令： v-on
2. MVVM主要包含3个部分，分别是 Model、View、 ViewModel
3. 使用Mint UI库的页面，需要通过 mt-前缀来定义标签名
4. 在进行vue调试时，通常使用 vue-devtools工具来完成项目开发
5. vue提供了内置的过渡封装组件是 transition
6. 使用yarn包通过  yarn global add@vue/cli命令全局安装@vue/cli 3.x
7. 使用npm包通过 npm install -g @vue/cli命令全局安装2vue/cli 3.x
8. vue初始数据在实例对象的 data参数中进行定义
9. 通过一个名称来标识一个路由的方式叫做 命名路由
10. vue初始数据通过 vm.$data方式获取
11. vue实例对象通过 vm.$root方式来获取
12. 在离开的过渡中有 v-leave、 v-leave-active、 v-leave-to3个class切换
13. vue中页面结构以 组件形式存在
14. 在过渡封装组件中使用 name属性可以重置过渡中切换类名的前缀
15. vue中使用服务器端渲染，需要借助vue的扩展工具 SEO（搜索引擎优化）
16. vue中创建插件提供的方法是 install
17. vue中通过 vue.directive()创建自定义指令
18. webpack-hot-middleware插件可以用来进页面热重载
19. vuex中创建动态模块提供的方法是 store.registerModule()
20. vuex实例对象中组件状态通过 vm.$store.commit()
21. vuex实例对象通过 vm.$store方式来获取
22. SSR路由需要采用 history 的方式
23.  vue实例对象中el参数表示 唯一跟标签
24. vue实例对象通过 new关键字方式来创建
25. 通过 appear特性设置结点在初始渲染的过渡
26. hash模式路由，地址栏URL中会自带 #符号
27. vue cli3中使用 vue create 项目名命令创建一个vue项目
28. vuex实例对象中初始数据状态通过 vm.$store.state方式获取
29. 自定义过渡的类名优先级高于普通的类名
30. 使用路由的声明式导航，在html标签中使用 组件来实现路由的跳转
31. vuex中通过 v m.$store.dispatch()实现actions状态分发
32. 在业务逻辑代码中实现导航跳转的方式称为 编程式导航
33. 使用 vue-version(vue -V)来查看vue的版本号
34. vue通过 vm.$children来获取当前实例的子组件
35. SEO（搜索引擎优化）是利用搜索引擎规则，提高网站在搜索引擎内自然排名的一种技术
36. Axios是一个基于Promise的HTTP库，可以用在浏览器和node.js中
37. MUI是最接近原生APP体验的高性能前端框架
38. 单页面应用主要通过URL中的 hash（#号）实现不同页面之间的切换
39. vue中通过 refs属性获取相应的DOM元素
40. 使用 Object.defineProperty，给vue函数添加一个原型属性$http,指向axios
41. 对应cli类型的插件，需要以 @vue为前缀
42. vue是一套构建 用户界面的渐进式框架

四、多选题

1. actions与vue实例中的methods是类似的
2. URL以~开始，会被认为是模块请求
3. 使用相对路径引入的静态资源文件，会被webpack处理解析为模块依赖
4. vue.config是一个对象，包含vue的全局配置

五、判断题

1. 服务端渲染利于SEO
2. 在文件中用“key=value”（键值对）的方式设置环境变量
3. vue是一套构建用户界面的渐进式框架，vue的核心只关注视图层
4. 在单页面应用中更新视图可以不用重新请求页面
5. 函数式组件的render（）函数用来创建组建模板
6. 客户端渲染，即传统的单页面应用模式
7. 嵌套路由的使用，主要是由页面结构来决定的
8. 通过$this.$store.state.*可以访问state中的数据
9. 后端路由通过用户请求的URL导航到具体的html页面
10. vue cli通过vue ui命令创建图形用户界面
11. vue与angular和react框架不同的是，vue设计为自下而上逐层应用
12. vue实例对象指令主要包括自定义指令和内置指令，用过指令省去DOM操作
13. 在vue中beforeDestory和destoryed生命周期函数执行后，都可以获取到vue实例
14. 事件传递方式有冒泡和捕获、默认是冒泡
15. vue开发提出来组件化开发思想，每个组件都是一个孤立的单元
16. vue完全能够为复杂的单页应用提供驱动