org-howto/vue/index.org

vue hello example

• Introduction
• Prerequisites
• Hello world in Vue
• skeleton shopping app in Vue

#

#

#

#

Introduction

Creating an initial project using Vue (a slightly-more-recent alternative to React)

• hello.html from https://vuejs.org/v2/guide/installation.html
• also have Learning Vue.js 2 (kindle)

Prerequisites

1. A directory tree $HTTP_ROOT that you can visit in a browser or serve via http. I'm using $HOME/Dropbox/public_html, symlinked from $HOME/public_html.

2. vue installed in $HTTP_ROOT/ext/vue: Donwload vue:

   mkdir -p $HOME/public_html/ext/vue
   (cd ~/$HOME/public_html/ext/vue && wget https://unpkg.com/vue && mv vue vue.js)
   

   ls -l $HOME/public_html/ext/vue

   total 264
   -rw-rw-r-- 1 roland roland 264975 Jul 21 00:28 vue.js
   

3. Optionally, a webserver making $HTTP_ROOT available over http, for example:

   cd $HOME/public_html
   python -m SimpleHTTPServer 8080
   

Hello world in Vue

http:hello.html

skeleton shopping app in Vue

http:shopping.html