https:\/\/vuejs.org\/v2\/guide\/<\/a><\/p>\nInstall<\/h2>\n
$npm install -g vue-cli
\n$vue init webpack myapp \u00a0 \u00a0 \/\/ Create new project with ‘webpack’ template
\n$cd myapp
\n$npm install
\n$npm run dev
\n$npm run build<\/p>\n
$npm install vue-resource –save \u00a0 \u00a0(50 min)<\/p>\n
$npm install vue-router –save (55.34 min)<\/p>\n
Tools<\/h2>\n
vue-router – Official router
\nvue-resource – Handle web requests
\nvue-async-data – Async data loading
\nvue-validator – Form validation plugin
\nvue-devtools – Chrome devtools extension
\nvue-touch – Touch guestures using Hammer.js<\/p>\n
Basic<\/h2>\n
<input type=”text” v-model=”title”>
\n<h1>{{title}}<\/p>\n
<button v-on:click=”myClickMethod”>my button<\/button>
\n<button v-on:submit=”mySubmitMethod”>my button<\/button>
\n<button v-on:keyup.enter=”myEnterMethod”>my button<\/button><\/p>\n
<li v-for=”user in users”>{{user.name}}<\/li><\/p>\n
export default {
\nname: ‘users’,
\ndata(){
\nreturn{
\nusers:[…..]
\n}
\n},
\nmethods:{
\n….
\n}
\n}<\/p>","protected":false},"excerpt":{"rendered":"
Vue.js Basics https:\/\/www.youtube.com\/watch?v=z6hQqgvGI4Y&t=47s https:\/\/vuejs.org\/v2\/guide\/ Install $npm install -g vue-cli $vue init webpack myapp \u00a0 \u00a0 \/\/…<\/p>\n","protected":false},"author":2,"featured_media":146,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","jetpack_publicize_message":""},"categories":[6,9],"tags":[10],"jetpack_featured_media_url":"http:\/\/lluo.ca\/wp-content\/uploads\/2017\/08\/cover-850x416.jpg","jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7kiDJ-1K","_links":{"self":[{"href":"http:\/\/lluo.ca\/index.php?rest_route=\/wp\/v2\/posts\/108"}],"collection":[{"href":"http:\/\/lluo.ca\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/lluo.ca\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/lluo.ca\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/lluo.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=108"}],"version-history":[{"count":9,"href":"http:\/\/lluo.ca\/index.php?rest_route=\/wp\/v2\/posts\/108\/revisions"}],"predecessor-version":[{"id":120,"href":"http:\/\/lluo.ca\/index.php?rest_route=\/wp\/v2\/posts\/108\/revisions\/120"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/lluo.ca\/index.php?rest_route=\/wp\/v2\/media\/146"}],"wp:attachment":[{"href":"http:\/\/lluo.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/lluo.ca\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/lluo.ca\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}