Vue第一章:基本概念

一.关于Vue的说法正确的是

  1. v-for指令基于一个数组来渲染一个列表
  2. v-for指令需要使用item in items形式的特殊语法,其中items是源数据数组,而item则是被迭代的数组元素的别名
  3. v-for在使用的时候最好添加key,且key最好不是索引
  4. 可以用v-for来遍历一个对象的property

二.Vue内置指令
v-html指令 让标签内用html渲染
v-on指令 事件绑定 v-for指令 循环

三.V-model
6. v-model如果为不同元素绑定数据,则使用不同的元素property, 并抛出不同的事件
7. v-model本质上是语法糖,它负责监听用户的输入事件以更新数据
8. vue2.2+版本新增了一个功能,可以在自定义组件上使用v-model实现双向绑定
9. 对input使用v-model,实际上是指定其 :value和input事件
四.路由
10. 使用脚手架创建项目时,需要选择安装vue-router
11. 在嵌套路由中,需要VueRouter的参数中使用children配置
12. vue-router可以通过配置实现路由懒加载
13. vue-router可以实现重定向,通过routes的redirect属性配置来完成

五 客户端渲染和服务器端渲染
15. 服务器端渲染有利于SEO,且首页加载快
16. 客户端渲染节省后端资源,但可能会加载慢出现白屏
17. 服务器端渲染耗费流量,局部页面的变化也需要重新请求完整的页面
18. 客户端首屏渲染时首先拿到空的html模板,之后继续发起数据请求。而服务器端渲染只需要请求一次,服务器会将请求的数据放在html模板中一起返回。
六. 单页面应用程序(SPA)
19. 不需要重新加载整个页面,运行流畅
20. 高效的前后端分离模式
21. 单页面应用程序中首页的数据需要通过在服务器异步获取,在这之前首页仅仅是一个模板,不利于seo。
22. 减轻服务器压力
七. Vue间组件通信
23. Vuex可以实现任何关系的组件间的通信
24. props传过来的,改数字,改字符串会报错,改数组,对象里面的值不会报
25. 子组件可以通过$emit给父组件传值
八. 在Vue中,下列哪个选项对数组的操作不会触发视图的更新
concat()返回一个新的数组,还需要用新数组替换原数组才能实现视图的更新
九. Vuex属性包含state、mutations、actions、getters、modules
十. Vue响应式的描述
26. 当利用索引值设置一个数组项时,Vue不能检测到数组的变动
27. 当修改数组的长度时,Vue不能检测到数组的变动
28. Vue无法检测property的添加或移除。由于Vue会在初始化实例时对property执行getter/setter转化,所以property必须在data对象上存在才能让Vue将它转换为响应式的。
29. 可以通过Vue.set()方法向嵌套对象添加响应式属性
十一. v-model的修饰符
30. lazy修饰符让内容在“change”事件时而非“input”事件时更新
31. v-model添加number修饰符,可以自动将用户的输入值转为数值类型
32. 可以给v-model添加trim修饰符,自动过滤用户输入的首尾空白字符
33. v-model添加number修饰符,如果这个值无法被parseFloat()解析,则会返回原始的值。
十二. Vuex的说法
34. actions通过commit触发mutations中的方法进行状态变更
35. Vuex是单项数据流变更数据
36. 由于Vuex使用单一状态树,应用的所有状态会集中到一个比较大的对象
37. 异步操作放在actions中,actions通过commit调用mutations中方法操作state
十三.Vue的描述
38. 当给某个组件修改某个值时,该组件不会立即重新渲染
39. $nextTick()返回一个Promise对象
40. $nextTick()可以配合async/await使用
41. 当环境不支持Promise.then、MutationObserver和setImmediate时,Vue使用setTimeout(fn, 0)代替。

猜你喜欢

转载自blog.csdn.net/CNMBZY/article/details/124384183