面试官：你封装过组件吗？说一下你是在vue项目里如何封装组件的？

你封装过组件吗？？

说一下组件封装？？？？

你在项目中是如何封装组件的？？？？？
以上问题是面试官，最常问到的问题？那么你应该如何回答呢？
答：我用vue开发的所有项目，都是采用组件化的思想开发的。一般我在搭建项目的时候，会创建一个views目录和一个commen目录和一个feature目录，views目录中放页面级的组件，commen中放公共组件（如：head（公共头组件），foot（公共底部组件）等），feature目录内放功能组件（如：swiper(轮播功能组件)，tabbar(切换功能组件)、list(上拉加载更多功能组件)）

首先，组件可以提升整个项目的开发效率。能够把页面抽象成多个相对独立的模块，解决了我们传统项目开发：效率低、难维护、复用性低等问题。

使用Vue.extend方法创建一个组件，然后使用Vue.component方法注册组件。但是我们一般用脚手架开发项目，每个 .vue单文件就是一个组件。在另一组件import 导入，并在components中注册，子组件需要数据，可以在props中接受定义。而子组件修改好数据后，想把数据传递给父组件。可以采用emit方法。

面试官：你封装过组件吗？说一下你是在vue项目里如何封装组件的？相关推荐

六十八、完成Vue项目推荐和周末游组件，并使用Ajax发起ajax请求
@Author:Runsen 2020/10/27. 周二.今天又是奋斗的一天. 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
Vue项目中公用footer组件底部位置的适配问题
vue项目中公用footer组件底部位置的适配问题需求: footer为公用组件,其他页面都需要引入,这是会存在一种情况:有的页面高度很高,footer组件要放在内容的最后:有的页面内容很少,高度很 ...
“约见”面试官系列之常见面试题第二十九篇之Vue和React的区别
vue与react的不同之处是什么?下面本篇文章就来给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. vue与react,两者都为当下主流框架相同之处在于: 使用 V ...
“约见”面试官系列之常见面试题第二十八篇之vue中的混合（minix）实例理解
minix 是个什么东西, 就是混合,把你混合给我浅显表述就是你说 : '我叫李四', 我说 : '我叫张三', 然后把你混合给我, 就成了我说 : '我叫张三我叫李四', 所有解说都在例子里 ...
“约见”面试官系列之常见面试题之第九十三篇之vue获取数据在哪个周期函数（建议收藏）
然后必须知道一点,vue是数据驱动的(只关心data即可),换句话说,就是,只要我能操作到 data中的数据即可. 所以,根据上面的生命周期,其实你放到 mounted中完全可以,因为这个阶段data ...
vue 项目中使用 Loading 组件
当在vue项目中请求后台接口时,常常会使用 loding 过渡数据的加载时间. 如果 loading 作为一个全局的加载状态,应该写在项目中的App.vue中 <template>< ...
Vue项目中实现父子组件之间传值
1.路由配置:使用children属性实现路由嵌套,嵌套的组件关系就是父子组件关系 {path: '/father',name: 'father',component: father,children ...
vue项目中创建全局组件
在项目中需要用到一个确认删除的弹窗,因为有多个地方需要用到这个提示框,不想每次用的时候都要引入一次这个弹窗组件,因此把它做成了一个全局组件:这里使用了element UI的dialog来实现的弹窗效果 ...
新建vue项目并引入element组件
从新建vue项目到引入组件Element 以及Error when rendering component报错解决一.新建项目 1.打开cmd,运行:vue init webpack Vue-Dem ...

面试官：你封装过组件吗？说一下你是在vue项目里如何封装组件的？

面试官：你封装过组件吗？说一下你是在vue项目里如何封装组件的？相关推荐

最新文章

热门文章