• Home
  • Books
  • Node
  • Testing
  • JavaScript
  • More...
  • Search
  • About
  • Gear & Setup

Vue.js

A collection of 6 posts

#vuejs #javascript

Fix "[Vue warn]: You are using the runtime-only build of Vue"

This post explains how to fix “[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.”. This error happens when using the Vue CLI ...

  • Hugo Di Francesco
    Author
3 min read
#javascript #react #vuejs

Detect ctrl/cmd/alt/shift + Click in Vanilla JavaScript, React and Vue.js

Detecting control-click, command-click, meta-click, alt-click and shift-click in JavaScript without listening to keydown events is straightforward. The naive approach is to bind aggressively to key events (keydown, keypress, keyup) and to maintain state of what is currently press ...

  • Hugo Di Francesco
    Author
2 min read
#javascript #vuejs #node

Post Frequency: from prototype to production with Vue + Node

If you want to ship, use the tools you know. — A lot of people Let’s apply that principle: I’m building Post Frequency/Accountable Blogging, I’m familiar with Vue and Node-based backends. Netlify makes frontend deployments trivial and I’ve settled on Dokku for ...

  • Hugo Di Francesco
    Author
5 min read
#javascript #vuejs #web development

Writing multiple Vue components in a single file

Writing multiple components in one file is a pattern from React where some files contain multiple components. Some of those components are “private” to the file/exported component since no other component needs to consume them. ...

  • Hugo Di Francesco
    Author
4 min read
#vuejs #jest #testing #javascript

From AngularJS to Vue.js, CommonJS and Jest

The trials and tribulations of kicking off an AngularJS -> Vue.js migration AngularJS was pretty groundbreaking. It’s still impressive to this day, packed with a router, an HTTP client, a dependency injection system and a bunch of other things I haven’t necessarily had the pl ...

  • Hugo Di Francesco
    Author
7 min read
#javascript #vuejs #web development

A simple, real-world Vue.js directive example

Vue.js is “The Progressive JavaScript Framework”. It takes inspiration from all prior art in the view library and frontend framework world, including AngularJS, React, Angular, Ember, Knockout and Polymer. In Vue (and Angular/AngularJS), a directive is a way to wrap f ...

  • Hugo Di Francesco
    Author
4 min read
Page 1 of 1 

Interested in Alpine.js?

Power up your debugging with the Alpine.js Devtools Extension for Chrome and Firefox. Trusted by over 15,000 developers (rated 4.5 ⭐️).

Install Now close
Code with Hugo
Latest Posts Github