# Level of Difficulty for Custom Vue component

**URL:** <https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695>\
**Category:** Developer corner\
**Tags:** binding, custom-components\
**Created:** [May 16, 2023, 2:56pm UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695 "2023-05-16T14:56:38Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![kenboer](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kenboer/32/2491_2.png) [@kenboer](https://community.weweb.io/u/kenboer)\
**Post date:** [May 16, 2023, 2:56pm UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695/1 "2023-05-16T14:56:38Z")

</div>

[Vue-easytable](https://happy-coding-clans.github.io/vue-easytable/#/en/demo) is a grid that has more features than the datagrid currently in WeWeb. It has features such as filtering, sorting, hidden columns, etc.

I have never worked with a custom Vue component before. What is the level of difficulty if I hired a developer to create a custom component with Vue-easytable and made sure it had these qualities:

- binding for columns and search
- binding for a boolean of “column hidden”

I know there may be a ton of possible factors in how long it takes, but on a spectrum, is this the kind of thing that takes 2 hours or 80 hours?

---

<div class="post-metadata">

**Author:** ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)\
**Post date:** [May 16, 2023, 8:25pm UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695/2 "2023-05-16T20:25:03Z")

</div>

Hi,  
It depends on how much you want the component to be customizable, or if you just want a version that works well for your own project.  
As a Vue component, it’s normally easy to integrate (so more 2 than 80h).  
The problem here is that this library is in Vue 2, and WeWeb supports only Vue 3. Do you know if there is an updated version?

---

<div class="post-metadata">

**Author:** ![kenboer](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kenboer/32/2491_2.png) [@kenboer](https://community.weweb.io/u/kenboer)\
**Post date:** [May 19, 2023, 6:37pm UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695/3 "2023-05-19T18:37:42Z")

</div>

Aurelie,

Thank you. This is very helpful. For this particular grid, they only have it in Vue 2, so it won’t work in WeWeb. But it gives me a better sense of where to go from here.

---

<div class="post-metadata">

**Author:** ![twinsticks](https://avatars.discourse-cdn.com/v4/letter/t/e274bd/32.png) [@twinsticks](https://community.weweb.io/u/twinsticks)\
**Post date:** [May 19, 2023, 8:21pm UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695/4 "2023-05-19T20:21:48Z")

</div>

I would love to see a tutorial on taking a simple vue component and integrating it into a weWeb app.

Maybe a second part to then be able to add some basic weWeb configuration options.

Unless I have missed one that already exists 🙂

---

<div class="post-metadata">

**Author:** ![Ms1234](https://avatars.discourse-cdn.com/v4/letter/m/4491bb/32.png) [@Ms1234](https://community.weweb.io/u/Ms1234)\
**Post date:** [May 20, 2023, 8:04am UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695/5 "2023-05-20T08:04:06Z")

</div>

+1 to this, it would be extremely helpful

---

<div class="post-metadata">

**Author:** ![benFortunato](https://avatars.discourse-cdn.com/v4/letter/b/6de8d8/32.png) [@benFortunato](https://community.weweb.io/u/benFortunato)\
**Post date:** [February 15, 2024, 7:37pm UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695/6 "2024-02-15T19:37:16Z")

</div>

See:

[![](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/92d4b4981f5ae5f0cb2cab009a50bc3445457361.jpeg "How to Develop a Custom VueJS Component for WeWeb") ](https://www.youtube.com/watch?v=erhzQbhBvJI&t=2093s)

and

[![](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/2/2c32879ec47cec831f8f6545e5f033cc426d2645.jpeg "Develop custom components for WeWeb") ](https://www.youtube.com/watch?v=fkH56RGEUTc&t=588s)

---

<div class="post-metadata">

**Author:** ![benFortunato](https://avatars.discourse-cdn.com/v4/letter/b/6de8d8/32.png) [@benFortunato](https://community.weweb.io/u/benFortunato)\
**Post date:** [February 15, 2024, 9:03pm UTC](https://community.weweb.io/t/level-of-difficulty-for-custom-vue-component/2695/7 "2024-02-15T21:03:49Z")

</div>

I’m looking to bring a Vue UI library into weweb. If you are interested we could share the cost of hiring a dev or split the workload to create a weweb library from vue UI library such as Vue-easytable. Just DM me and we can set up a time to chat.
