# \#vuejs

**URL:** https://forum.elixirforum.com/tag/vuejs/272.md

[Latest](https://forum.elixirforum.com/latest.md) · [Categories](https://forum.elixirforum.com/categories.md) · [Tags](https://forum.elixirforum.com/tags.md)

---

## [LiveVue - v1.0 released with igniter installer, forms support and more!](https://forum.elixirforum.com/t/livevue-v1-0-released-with-igniter-installer-forms-support-and-more/73896)

<div class="topic-metadata">

**Author:** [@Jskalc](https://forum.elixirforum.com/u/Jskalc)\
**Replies:** 13\
**Last updated:** [September 23, 2026, 12:42pm UTC](https://forum.elixirforum.com/t/livevue-v1-0-released-with-igniter-installer-forms-support-and-more/73896 "2026-09-23T12:42:16Z")

</div>

LiveVue v1.0 released After four release candidates and a lot of community feedback, LiveVue 1.0 is stable :tada: I’ve built a dedicated website with interactive examples: livevue.skalecki.dev And wrote the full story …

---

## [LiveVue - v1.1 released with v-inject, node-less SSR via quickbeam and headless components](https://forum.elixirforum.com/t/livevue-v1-1-released-with-v-inject-node-less-ssr-via-quickbeam-and-headless-components/75149)

<div class="topic-metadata">

**Author:** [@Jskalc](https://forum.elixirforum.com/u/Jskalc)\
**Replies:** 0\
**Last updated:** [April 27, 2026, 2:57pm UTC](https://forum.elixirforum.com/t/livevue-v1-1-released-with-v-inject-node-less-ssr-via-quickbeam-and-headless-components/75149 "2026-04-27T14:57:59Z")

</div>

After around 4 months of development, squashing numerous bugs, adding some substantial features it’s time for a new LiveVue release! Embedded SSR with QuickBEAM Introducing additional SSR backend - QuickBEAM which runs …

---

## [Thinking Elixir 288 - 15 Years of Elixir and Full Type Inference](https://forum.elixirforum.com/t/thinking-elixir-288-15-years-of-elixir-and-full-type-inference/74029)

<div class="topic-metadata">

**Author:** [@brainlid](https://forum.elixirforum.com/u/brainlid)\
**Replies:** 0\
**Last updated:** [January 20, 2026, 1:57pm UTC](https://forum.elixirforum.com/t/thinking-elixir-288-15-years-of-elixir-and-full-type-inference/74029 "2026-01-20T13:57:40Z")

</div>

Episode 288 of Thinking Elixir. News includes Elixir’s 15th anniversary celebrated with an early v1.20 release candidate featuring type inference for all constructs, Chris McCord’s launch of Sprites.dev for hardware-isol…

---

## [LiveVue - seamless integration of Vue with Phoenix LiveView](https://forum.elixirforum.com/t/livevue-seamless-integration-of-vue-with-phoenix-liveview/63580)

<div class="topic-metadata">

**Author:** [@Jskalc](https://forum.elixirforum.com/u/Jskalc)\
**Replies:** 44\
**Last updated:** [July 29, 2025, 2:00pm UTC](https://forum.elixirforum.com/t/livevue-seamless-integration-of-vue-with-phoenix-liveview/63580 "2025-07-29T14:00:10Z")

</div>

Hi! Today, after a couple weeks of development I’ve released v0.1 of LiveVue. It’s a seamless integration of Vue and Phoenix LiveView, introducing E2E reactivity of server and client-side state. Started as a fork of Li…

---

## [Better interop with Javascript libraries (React, Svelte, etc.)](https://forum.elixirforum.com/t/better-interop-with-javascript-libraries-react-svelte-etc/64041)

<div class="topic-metadata">

**Author:** [@markevans](https://forum.elixirforum.com/u/markevans)\
**Replies:** 9\
**Last updated:** [December 7, 2024, 12:07am UTC](https://forum.elixirforum.com/t/better-interop-with-javascript-libraries-react-svelte-etc/64041 "2024-12-07T00:07:31Z")

</div>

Hi! I feel like Phoenix is slightly missing a trick when it comes to front-end Javascript libraries like React, Svelte, etc. I feel that Javascript framework components could be treated as even more of a first-class ci…

---

## [Komodo - easily render React, Svelte, Vue, Angular, any JS framework component from Liveview](https://forum.elixirforum.com/t/komodo-easily-render-react-svelte-vue-angular-any-js-framework-component-from-liveview/64039)

<div class="topic-metadata">

**Author:** [@markevans](https://forum.elixirforum.com/u/markevans)\
**Replies:** 1\
**Last updated:** [September 13, 2024, 9:45pm UTC](https://forum.elixirforum.com/t/komodo-easily-render-react-svelte-vue-angular-any-js-framework-component-from-liveview/64039 "2024-09-13T21:45:11Z")

</div>

Hi there! I’ve created a small library, Komodo, that allows easy use of JS framework components from Phoenix LiveView. Each framework just needs a small piece of easy-to-write Javascript adapter code to work with it (t…

---

## [Help me choose between LiveView and Vue](https://forum.elixirforum.com/t/help-me-choose-between-liveview-and-vue/30001)

<div class="topic-metadata">

**Author:** [@co0lsky](https://forum.elixirforum.com/u/co0lsky)\
**Replies:** 61\
**Last updated:** [January 29, 2024, 9:21pm UTC](https://forum.elixirforum.com/t/help-me-choose-between-liveview-and-vue/30001 "2024-01-29T21:21:51Z")

</div>

Hi. I need some advice on choosing between LiveView and Vue. My team’s current tech stack is Elixir, Phoenix, LiveView, and Vue. I find it increases the cognitive load of each of the team members to maintain LiveView an…

---

## [Ajax image upload and image resize run time](https://forum.elixirforum.com/t/ajax-image-upload-and-image-resize-run-time/26349)

<div class="topic-metadata">

**Author:** [@ashok](https://forum.elixirforum.com/u/ashok)\
**Replies:** 11\
**Last updated:** [June 2, 2023, 2:35pm UTC](https://forum.elixirforum.com/t/ajax-image-upload-and-image-resize-run-time/26349 "2023-06-02T14:35:43Z")

</div>

I want to create image upload just like Facebook profile image or what’s app profile image to show image upload progress and resize image to fit into thumbnail image. Store image URL in db. Please suggest how to to?

---

## [petite-vue with Phoenix?](https://forum.elixirforum.com/t/petite-vue-with-phoenix/41286)

<div class="topic-metadata">

**Author:** [@tarpdalton](https://forum.elixirforum.com/u/tarpdalton)\
**Replies:** 2\
**Last updated:** [December 9, 2022, 8:09am UTC](https://forum.elixirforum.com/t/petite-vue-with-phoenix/41286 "2022-12-09T08:09:58Z")

</div>

petite-vue was announced about a month ago. I was wondering if anyone has tried it out as a replacement to alpine. It looks promising as a minimal js framework for liveview at least. I don’t know how you would rename th…

---

## [How to setup one page as VueJS App on Phoenix 1.6 Esbuild?](https://forum.elixirforum.com/t/how-to-setup-one-page-as-vuejs-app-on-phoenix-1-6-esbuild/43853)

<div class="topic-metadata">

**Author:** [@aswinmohanme](https://forum.elixirforum.com/u/aswinmohanme)\
**Replies:** 0\
**Last updated:** [November 14, 2021, 8:23am UTC](https://forum.elixirforum.com/t/how-to-setup-one-page-as-vuejs-app-on-phoenix-1-6-esbuild/43853 "2021-11-14T08:23:47Z")

</div>

I’m currently building a publishing platform with Elixir Phoenix and it’s been an absolute joy to work with. I’m currently working on implementing an editor in VueJS for editing the draft of the book. The app is a vanil…

---

## [Creating a dynamic form based on schema field from Repo, while using Vue.js](https://forum.elixirforum.com/t/creating-a-dynamic-form-based-on-schema-field-from-repo-while-using-vue-js/42064)

<div class="topic-metadata">

**Author:** [@borybar](https://forum.elixirforum.com/u/borybar)\
**Replies:** 0\
**Last updated:** [September 1, 2021, 11:03am UTC](https://forum.elixirforum.com/t/creating-a-dynamic-form-based-on-schema-field-from-repo-while-using-vue-js/42064 "2021-09-01T11:03:39Z")

</div>

Hi, Vue is supposed to take a user template and based on its ‘schema’ field, generate a form, that takes into account all the additional options like - default value, required, placeholder etc. I will be grateful for h…

---

## [Can LiveView push\_event send only the latest event](https://forum.elixirforum.com/t/can-liveview-push-event-send-only-the-latest-event/35844)

<div class="topic-metadata">

**Author:** [@sreyansjain](https://forum.elixirforum.com/u/sreyansjain)\
**Replies:** 5\
**Last updated:** [December 16, 2020, 10:10am UTC](https://forum.elixirforum.com/t/can-liveview-push-event-send-only-the-latest-event/35844 "2020-12-16T10:10:57Z")

</div>

Thanks to the awesome community we have here. I have created a VueJs component using phx-hook. I have also used phx-update=“ignore” on the same component. The idea is to handle the user interaction using vuejs and excha…

---

## [Phoenix + Vue.js CLI: How do you manage the build and development pipelines?](https://forum.elixirforum.com/t/phoenix-vue-js-cli-how-do-you-manage-the-build-and-development-pipelines/20245)

<div class="topic-metadata">

**Author:** [@elbasti](https://forum.elixirforum.com/u/elbasti)\
**Replies:** 15\
**Last updated:** [May 10, 2020, 3:35pm UTC](https://forum.elixirforum.com/t/phoenix-vue-js-cli-how-do-you-manage-the-build-and-development-pipelines/20245 "2020-05-10T15:35:10Z")

</div>

Hi folks, I’m working on a greenfield webapp. The stack I’d like to try is Vue on top of Phoenix. I’m not new to vue, but I’m new to Phoenix. I wonder how you all have been addressing the js build chain at development &…

---

## [X\_component - component-based HTML templates for Elixir/Phoenix, inspired by Vue](https://forum.elixirforum.com/t/x-component-component-based-html-templates-for-elixir-phoenix-inspired-by-vue/28967)

<div class="topic-metadata">

**Author:** [@omohokcoj](https://forum.elixirforum.com/u/omohokcoj)\
**Replies:** 3\
**Last updated:** [February 10, 2020, 9:28am UTC](https://forum.elixirforum.com/t/x-component-component-based-html-templates-for-elixir-phoenix-inspired-by-vue/28967 "2020-02-10T09:28:49Z")

</div>

x\_component is a component-based HTML template library for Elixir. It uses template syntax and component-based approach similar to Vuejs. This library can replace Phoenix views/templates and phoenix\_html in a Phoenix pro…

---

## [Vue with Phoenix](https://forum.elixirforum.com/t/vue-with-phoenix/27138)

<div class="topic-metadata">

**Author:** [@tenzil](https://forum.elixirforum.com/u/tenzil)\
**Replies:** 8\
**Last updated:** [November 29, 2019, 3:05pm UTC](https://forum.elixirforum.com/t/vue-with-phoenix/27138 "2019-11-29T15:05:18Z")

</div>

Hi All, I am building a project in phoenix, Then i came know about vuejs, is it a good idea to mix these two. (rendered server side). Its in its beginning stage. Thanks!

---

## [Phoenix 1.4 + VueJS - delivering default HTML instead of JS files](https://forum.elixirforum.com/t/phoenix-1-4-vuejs-delivering-default-html-instead-of-js-files/26394)

<div class="topic-metadata">

**Author:** [@g13ydson](https://forum.elixirforum.com/u/g13ydson)\
**Replies:** 2\
**Last updated:** [October 28, 2019, 6:08pm UTC](https://forum.elixirforum.com/t/phoenix-1-4-vuejs-delivering-default-html-instead-of-js-files/26394 "2019-10-28T18:08:49Z")

</div>

I am trying to render Vue.js directly in my Phoenix 1.4 application. But the following error is occurring after installing Vue-router: Refused to execute script from ‘http://localhost:4000/0.app.js’ because its MIME t…

---

## [Elm vs Vue/React which one do you prefer to use with Phoenix, and why?](https://forum.elixirforum.com/t/elm-vs-vue-react-which-one-do-you-prefer-to-use-with-phoenix-and-why/13168)

<div class="topic-metadata">

**Author:** [@asfand](https://forum.elixirforum.com/u/asfand)\
**Replies:** 108\
**Last updated:** [August 27, 2019, 3:18pm UTC](https://forum.elixirforum.com/t/elm-vs-vue-react-which-one-do-you-prefer-to-use-with-phoenix-and-why/13168 "2019-08-27T15:18:27Z")

</div>

I’m asking this because I don’t know if I should learn Elm or polish Vuejs and vanilla javaScript.

---

## [Digest / Release problem with Phoenix and Vue](https://forum.elixirforum.com/t/digest-release-problem-with-phoenix-and-vue/21330)

<div class="topic-metadata">

**Author:** [@afternow](https://forum.elixirforum.com/u/afternow)\
**Replies:** 2\
**Last updated:** [April 2, 2019, 11:32am UTC](https://forum.elixirforum.com/t/digest-release-problem-with-phoenix-and-vue/21330 "2019-04-02T11:32:30Z")

</div>

Hello I in my umbrella I have an app with Phoenix 1.4.3. The App is setup with webpack and VUE JS (placed under assets/src). Everything work so far, but if I pack everything to a release (using Distillery), it doesn’t w…

---

## [Idea: rendering .vue.eex templates](https://forum.elixirforum.com/t/idea-rendering-vue-eex-templates/11151)

<div class="topic-metadata">

**Author:** [@HenriMorlaye](https://forum.elixirforum.com/u/HenriMorlaye)\
**Replies:** 8\
**Last updated:** [March 2, 2019, 12:01pm UTC](https://forum.elixirforum.com/t/idea-rendering-vue-eex-templates/11151 "2019-03-02T12:01:09Z")

</div>

Hi, I was reading the VueJS documentation and then I thought about something: What if a Phoenix template engine rendered .vue.eex files instead of .html.eex files ? (.vue files are single file components including the…

---

## [Accessing Phoenix Session Cookie within Internal VueJS/ReactJS App](https://forum.elixirforum.com/t/accessing-phoenix-session-cookie-within-internal-vuejs-reactjs-app/18827)

<div class="topic-metadata">

**Author:** [@njwest](https://forum.elixirforum.com/u/njwest)\
**Replies:** 4\
**Last updated:** [January 10, 2019, 6:59am UTC](https://forum.elixirforum.com/t/accessing-phoenix-session-cookie-within-internal-vuejs-reactjs-app/18827 "2019-01-10T06:59:55Z")

</div>

Note: The real question here is probably “how to access window cookies within a JS SPA”, but can’t hurt to ask from this perspective… So I am serving a VueJS app built to priv/static/ within a Phoenix 1.4 --no-webpack s…

---

## [Mixed Naming Conventions, Best Practices?... Mixing Elixir With Js, Vuejs](https://forum.elixirforum.com/t/mixed-naming-conventions-best-practices-mixing-elixir-with-js-vuejs/5196)

<div class="topic-metadata">

**Author:** [@Emily](https://forum.elixirforum.com/u/Emily)\
**Replies:** 2\
**Last updated:** [December 24, 2018, 4:49pm UTC](https://forum.elixirforum.com/t/mixed-naming-conventions-best-practices-mixing-elixir-with-js-vuejs/5196 "2018-12-24T16:49:14Z")

</div>

I’m using VueJS for the front-end of this project. File conventions are CamelCase, Elixir, snake\_case. Variable conventions differ too. I’ve been following conventions, depending on language, but now code looks Franke…

---

## ["Best" way to augment forms in primary server-rendered app](https://forum.elixirforum.com/t/best-way-to-augment-forms-in-primary-server-rendered-app/17870)

<div class="topic-metadata">

**Author:** [@jdumont](https://forum.elixirforum.com/u/jdumont)\
**Replies:** 10\
**Last updated:** [November 30, 2018, 7:44pm UTC](https://forum.elixirforum.com/t/best-way-to-augment-forms-in-primary-server-rendered-app/17870 "2018-11-30T19:44:41Z")

</div>

OK, I’ll start with a disclaimer. The term “best” is going to be subjective, and based on varying needs, preferences, experience, etc. The situation I’m currently faced with is an app that has a need of quite intricate &…

---

## [What should be my front facing server, Vue or Phoenix?](https://forum.elixirforum.com/t/what-should-be-my-front-facing-server-vue-or-phoenix/13060)

<div class="topic-metadata">

**Author:** [@aadii104](https://forum.elixirforum.com/u/aadii104)\
**Replies:** 13\
**Last updated:** [March 14, 2018, 1:33pm UTC](https://forum.elixirforum.com/t/what-should-be-my-front-facing-server-vue-or-phoenix/13060 "2018-03-14T13:33:05Z")

</div>

I am working to make Vue-phoenix SSR solution, with some basic start I am getting some queries. what should be my front-facing server, either Phoenix or Vue? my points:- for me phoenix suits better coz I am doing ssr a…

---

## [Vue.js - General Discussion, Blog Posts, Wiki](https://forum.elixirforum.com/t/vue-js-general-discussion-blog-posts-wiki/6450)

<div class="topic-metadata">

**Author:** [@AstonJ](https://forum.elixirforum.com/u/AstonJ)\
**Replies:** 38\
**Last updated:** [November 26, 2018, 9:33pm UTC](https://forum.elixirforum.com/t/vue-js-general-discussion-blog-posts-wiki/6450 "2018-11-26T21:33:47Z")

</div>

We’ve got wiki’s for Elm and Bucklescript, and so as it seems Vue.js is growing in popularity in Elixir circles, it makes sense to have one for it as well :003: Please add your thoughts about it - have you used it? Woul…

---

## [How would you achieve Latency Compensation (concept from Meteor) through Phoenix + Vue.js?](https://forum.elixirforum.com/t/how-would-you-achieve-latency-compensation-concept-from-meteor-through-phoenix-vue-js/16249)

<div class="topic-metadata">

**Author:** [@pillaiindu](https://forum.elixirforum.com/u/pillaiindu)\
**Replies:** 2\
**Last updated:** [September 3, 2018, 3:39pm UTC](https://forum.elixirforum.com/t/how-would-you-achieve-latency-compensation-concept-from-meteor-through-phoenix-vue-js/16249 "2018-09-03T15:39:21Z")

</div>

An Introduction To Latency Compensation

---

## [Motivations for using React/Vue SSR](https://forum.elixirforum.com/t/motivations-for-using-react-vue-ssr/13086)

<div class="topic-metadata">

**Author:** [@yurko](https://forum.elixirforum.com/u/yurko)\
**Replies:** 11\
**Last updated:** [August 2, 2018, 6:30pm UTC](https://forum.elixirforum.com/t/motivations-for-using-react-vue-ssr/13086 "2018-08-02T18:30:23Z")

</div>

Edit - From: What should be my front facing server, Vue or Phoenix? We do that with WebSocket API - there is an Backend / API server and a separate server for web client. Works fine, though I wouldn’t do that just for …

---

## [Cannot find module with vue and brunch after edit](https://forum.elixirforum.com/t/cannot-find-module-with-vue-and-brunch-after-edit/15353)

<div class="topic-metadata">

**Author:** [@Max](https://forum.elixirforum.com/u/Max)\
**Replies:** 2\
**Last updated:** [July 27, 2018, 8:15am UTC](https://forum.elixirforum.com/t/cannot-find-module-with-vue-and-brunch-after-edit/15353 "2018-07-27T08:15:22Z")

</div>

Hi, i´m new to vue so it might be me. I´ve parent.vue and child.vue. Making changes to parent.vue leads to “Cannot find module child.vue in parent.vue”. In the cmd it says: compiled parent.vue and 37 cached files into a…

---

## [How to authenticate user on SSR?](https://forum.elixirforum.com/t/how-to-authenticate-user-on-ssr/14727)

<div class="topic-metadata">

**Author:** [@aadii104](https://forum.elixirforum.com/u/aadii104)\
**Replies:** 9\
**Last updated:** [June 18, 2018, 10:48am UTC](https://forum.elixirforum.com/t/how-to-authenticate-user-on-ssr/14727 "2018-06-18T10:48:15Z")

</div>

In CSR we usually pass token with the request for backend verification, and we do this process by extracting the token from localStorage in the browser. But in SSR we don’t have a browser or storage how can I pass a tok…

---

## [Questions about Phoenix channels, VueJS and 3G/4G/WiFI Internet connections](https://forum.elixirforum.com/t/questions-about-phoenix-channels-vuejs-and-3g-4g-wifi-internet-connections/14014)

<div class="topic-metadata">

**Author:** [@acrolink](https://forum.elixirforum.com/u/acrolink)\
**Replies:** 4\
**Last updated:** [May 2, 2018, 7:59pm UTC](https://forum.elixirforum.com/t/questions-about-phoenix-channels-vuejs-and-3g-4g-wifi-internet-connections/14014 "2018-05-02T19:59:28Z")

</div>

I understand that Phoenix channels can manage communications from server to client side web browser. I never used them. My Question, has anyone had success using Phoenix channels along with Phoenix JSON API back-end, Vue…
