Skip to content

luokeychen/learning-vuejs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

learning-vuejs

Vue.js

特徴

  • プレーンなJavaScript Objectを用いた、極力シンプルにしたAPI設計
  • リアクティブなデータバインディング
  • コンポーネント化が容易
  • 他ライブラリへの依存がなく柔軟かつ軽量(約52KB)
  • 学習コストの低さ

補足

MVVMフレームワークなので、Routerはありません。 SPAなどでRouterが必要な場合は、vue-routerを使用することが推奨されています。 また、ajaxを使用する場合はvue-resourceが便利です。

概要

  • ViewModel (View / Model)
  • ディレクティブ
  • Mustache バインディング
  • フィルタ
  • コンポーネント

ViewModel

var vm = new Vue({ /* options */ });

View

vm.$el

Model

vm.$data // The Model

var vm = new Vue({
  data: {
    a: 1
  }
});

vm.$data.a // 1
vm.a // 1
vm.$data.a === vm.a // true

基礎チュートリアル(ディレクティブ / Mustache バインディング / フィルタ)

$ git clone https://github.com/30kidz/learning-vuejs.git

$ php -S localhost:4000

カーセンサーAPIを使用したチュートリアル(コンポーネント)

$ git checkout -b carsensor origin/carsensor

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors