A small Vue.js app

I’m learning how to use Vue.js (from zero knowledge), and more about JavaScript (from superficial knowledge) through a small project. I am documenting each step, focusing on points I needed to absorb as a beginner.

I’m posting nearly-trivial steps separately, highlighting either a Vue directive I hadn’t previously used, some approach to solve a problem, or just a feature I’m adding that combines things I’d already learned. I know “trivial” can be a loaded word.

For references, I am preferring MDN web docs or official Vue documentation where possible; both these sources are fairly reliable, and also (generally) quite readable. I link to other sources, such as Stack Overflow answers, when they seem to add key insight, such as which of the possible solutions may be the most practical for my use case. The hope is to compile a tidy list of resources sufficient to understand everything done in the post.

• The tiniest Vue.js app
• Laying out my simple Vue app
• Displaying text from a stored value
• Text input with contenteditable
• Adding tags to an array
• Displaying a list of tags from an array
• Removing elements from an array
• Creating an object from stored data properties
• Dates and Moment.js
• Making copies of simple JavaScript objects
• Retrieving an object from an array
• Breaking up some methods to tidy up
• Changing an object in an array
• Deleting objects with confirmation
• Disabling a button based on a condition
• Saving objects to localStorage
• Saving to a local file
• Selecting a local file with <input type="file">
• Loading from a file
• Separating multiline content into <div>s for display