谈一谈对vue组件化的理解?

思路:组件化定义,优点,使用场景和注意事项等方面展开陈述,同时要强调vue中组件化的一些特点。

#####源码分析1:组件定义
源码位置:src/core/global-api/assets.js
vue-loader会编译tempalte为render函数,最终导出的依然是组件配置对象。

#####源码分析2:组件化优点
lifecycle.js-mountComponent()
组件、Watcher、渲染函数和更新函数之间的关系

#####源码分析3:组件化实现
构造函数,src/core/global-api/extend.js
实例化及挂载。src/core/vdom/patch.js-createElm()

总结

1.组件时独立和可复用的代码组织单元。组件系统时Vue核心特征之一,它使开发者使用小型、独立和通常可复用的组件构建大型应用
2.组件化开发能大幅提高应用开发效率、测试性、复用性等
3.组件使用按分类有:页面组件、业务组件、通用组件
4.vue的组件是基于配置的,我们通常编写的组件是组件配置而非组件,框架后续会生成其构造函数,它们基于VueComponent,扩展于Vue;
5.vue中常见组件化技术有:属性prop,自定义事件,插槽等,它们主要用于组件通信、扩展等
6.合理的划分组件,有助于提成应用性能
7.组件应该是高内聚、低耦合的;
8.遵循单向数据流的原则。

[vue][面试]谈一谈对vue组件化的理解?相关推荐

  1. Android面试指南:说说你对组件化/模块化的理解

    到现在组件化真的不是什么新鲜东西了,大公司都用的滚瓜烂熟,龙飞凤舞了,也就是现在部分中型项目和小项目在组件化的路上努力.所以同志们,组件化没玩过的,不熟悉的赶紧搞起来,说一点,你不会组件化,发布影子工 ...

  2. 前端模块化、组件化的理解

    前端模块化.组件化的理解 到底什么是前端工程化.模块化.组件化 前端组件化思想 浅谈前端架构的工程化.模块化.组件化.规范化

  3. Vue学习笔记(2)(组件化开发)

    Vue2.x学习笔记.原视频教程:最全最新Vue.Vuejs教程,从入门到精通_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili 组件化 1. 什么是组件化? 组件化是Vue.js中的重要思想 它提 ...

  4. vue组件化的理解与定义

    1. 对组件的理解 a) UI组件 项目各个页面中,会产生很多重复的功能,比如弹出层提示框,像这种纯粹非业务的UI,便成了我们所谓的UI组件,最初的前端组件也就仅仅指的是UI组件. b) 业务组件 而 ...

  5. for vue 一行2列_前端开发面试问什么?vue面试中经常问到的问题?用vue想拿20k,面试题要这样答!...

    找工作,是一件愁人又具有期待的事情,前端开发的小伙伴们,最近有人参加面试了吗?面试前端开发时,一般会被问什么?你还记得吗?你的回答让你找到满意的工作了吗?生活是美好的,未来是可期的,工作是可以找到的, ...

  6. vue学习-v-if v-for优先级、data、key、diff算法、vue组件化、vue设计原则、组件模板只有一个根元素、MVC.MVP,MVVM

    1:v-if和v-for哪个优先级更高?如果两个同时出现,应该怎么优化得到更好的性能? //在vue页面中 同时使用v-for与v-if后,打印渲染函数. console.log(app.$optio ...

  7. 2 Vue 面试小记 (WW)

    目录 1. 谈一谈你对 SPA 单⻚面的理解,它的优缺点分别是什么 2 SPA 单⻚面应用的实现方式有哪些 3 使用过 Vue SSR 吗?说说 SSR? 4 谈一谈你对 MVVM 的理解 5 谈一谈 ...

  8. iframe vue 前进 后退_前端面试准备笔记系列之vue(01)

    目录 01. 对于MVVM的理解? 02. 概述Vue以及优缺点? 03. vue等单页面应用及其优缺点 04. Vue实现数据双向绑定的原理 05. vue.js的两个核心是什么? 06. css如 ...

  9. Vue.js组件化开发实践

    Vue.js组件化开发实践 前言 公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模板的活动设计系统的需求,便有了一下的内容.首先会对使用Vue进行开发的一 ...

最新文章

  1. 2021全球产品经理大会蓄势待发!
  2. python中用于标识字符串的定界符_Python合集之Python数据类型(二)
  3. 陕西宝鸡2021年高考成绩查询,2021年宝鸡网上查询中考成绩
  4. Win11将沿用Win10升级模式 并会有LTSC版本
  5. 光电显示未连接服务器,T106串口服务器解决方案
  6. $_FILES[file]['error']
  7. C#开发:openfiledialog的使用
  8. 深入理解typedef
  9. 纪念宾得4000万象素的120数码相机645D推出两周年
  10. c语言为什么运行慢,【图片】今天写几个性能测试,为什么C语言跑得这么慢呢??【c语言吧】_百度贴吧...
  11. 网络不稳定的原因_原来网络不稳定,也有可能是这个原因造成的!
  12. 药品计算机数据备份管理制度,药品记录与数据管理规范(征求意见稿)
  13. 201671030112—词频统计软件项目报告
  14. 树莓派4B + USB启动(外置硬盘Or U盘)ubuntu server 镜像
  15. 前字节程序员感叹“字节范”就是工作上不设边界,待遇上延迟满足。
  16. 主语从句、宾语从句、表语从句、同位语从句
  17. 凯撒密码加解密及破解实现原理
  18. iPhoneX炫彩壁纸背景demo(含动效)
  19. 笋干炖排骨 [转自TK's Blog]
  20. 小鹏G3 XPilot ---APA自动泊车系统

热门文章

  1. 科学期刊中关于计算机视觉,【转】整理的计算机视觉领域稍微容易中的期刊 - 信息科学 - 小木虫 - 学术 科研 互动社区...
  2. 麒麟软件副总裁李震宁:中国开源社区是操作系统破局的土壤
  3. 案例:程序员离职在家,全职接单心得
  4. 测试人员的工作周报或工作总结怎么编写?
  5. 怎么用博客来把自己网站“养大”
  6. 盘点那些年 半死不活的国产操作系统们
  7. 人工智能Java SDK:词法分析模型能整体性地完成中文分词、词性标注、专名识别任务
  8. java基于ssm的洗衣店管理系统
  9. 节日贺卡python制作
  10. 技嘉主板命名规则是什么