Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

vue.js 0.11.x その0005 Optionsについて

参考にさせて頂いたページ

http://vuejs.org/api/options.html

バージョン

Vue.js v0.11.5

オプションを渡してインスタンスを初期化

インスタンスを初期化する際にどのようなオプションを渡すかを今回は書いていきます。

例として以下のような感じでelやdataなどのオプションを渡します。

var vm = new Vue({
  el: '#demo',
  data: {
    a:1,
    b:2
  }
});

Options

Data

  • data
  • methods
  • computed
  • paramAttributes

DOM

  • el
  • template
  • replace

Lifecycle

  • created
  • beforeCompile
  • compiled
  • ready
  • attached
  • detached
  • beforeDestroy
  • destroyed

Assets

  • directives
  • filters
  • components
  • partials
  • transitions

Others

  • inherit
  • events
  • watch
  • mixins
  • name

おわりに

とりあえず一覧化した感じです。

以下のページを参考にしたり、コツコツ上から検索したりしながら後日ひとつずつ使ってみようと思います。

体で覚えるVue.js - ViewModel生成編 〜 JSおくのほそ道 #022 - Qiita

次回はInstance Propertiesにアクセスする方法などを書こうかと思います。

その中にはインスタンス生成時に渡したOptionsも含まれます。