際際滷

際際滷Share a Scribd company logo
Vue.js 0.12 to 2.0.0
に、笋┐茲Δ箸靴討修辰branchをした
about me
@nekobato
フロントエンドエンジニア
恷除はデザインO俐とプロトタイプ
Polidium
磯邑苧啝プレイヤ`
Davneko
webdavライクなオ`ディオプレイヤ`
Vue.js at g佞淋をします
訊抹です
アジェンダ
1. なぜこんなことに
2. 0.12 to 1.0.26
3. 1.0.26 to 2.0.0
彜r
on 劣かしポチポチゲ`Webviewゲ`ム
コ`ドはPerlのテンプレ`トエンジンとVue.jsが秘り岱れる岱弊
繍栖の瑤詫衄SPA
みなさんはVue.js 0.12ですか
なぜ書0.12なのか
是ってなかったから
なぜ書0.12なのか
畠隼0.12で是らない
- スピ`ドも}oい
- スケ`ルも}oい
- Vue.jsの嶄でflux flowが恬れる
- 仟しめのアプリ夛に\りWれるわけでもない
Announcing Vue.js 2.0
We are also not forgetting about 1.x!
壼く0.12から用竃しないと┰行鏝丕
s雰
Vue.js 0.12 ○ 書ココ
Vue.js 1.x Vue-Router
Vuex
Vue.js 2.0.0
Vue.js 0.12 to 1.0.26
功櫃Grep
v-on=¨click:function¨
v-el=¨name¨
v-repeat=¨¨
<content>
etc´
@click=¨function¨
:el=¨name¨
v-for=¨¨
<slot>
formをformというcomponentで
貧きしてたら鏑られた
[Vue warn]: Do not use built-in or
reserved HTML elements as component
id: form
すいませんでした
★ directiveに畠きQえ
湖
ほとんどそのまま咾
仝これ云輝はやっちゃダメだろうな々と房ってた侭は咾ない
Vue.js 0.12 to 1.0.26
?おわり?
vue@next
まだalphaだけどしたい欒屬
C
- サ`ビスと伉嶄するAngular 1.xのようになりたくない
- 奮らいついていきたい欒屬舛留軛
- 繍栖云輝に卞佩できるのかd龍ある
- SSRとかちょっとd龍ある
- 徭蛍のプロダクトが@nextに卞佩しつつある岑
- デバッグがS
おまけvue-loader@nextが宴旋
templateのVueにvするエラ`をトランスパイルのr泣で鷂罎靴討れる
Vue.js 1.0.26 to 2.0.0-rc
Vue.js2.0.0をしてみた狼の繁は冱う
仝ほとんどそのまま咾々
Vue.js2.0.0をしてみた狼の繁は冱う
仝ほとんどそのまま咾々
並念にVuex秘してたらな
VuexでBしていなかった鯵たちは
vm.$eventsと慌に棒ぬ
Y創に惄辰笋垢
2.0 Changes
https://github.com/vuejs/vue/issues/2873
晩云ZU
http://qiita.com/prismrism/items/66a9dfc31139326911d8
Vue 2.0 RC Starter Resources
https://github.com/vuejs/vue/wiki/Vue-2.0-RC-Starter-Resources
功櫃Grep
v-el:name, v-ref:name
this.$els.name
$vm.ready
v-for猟
etc...
ref= ̄name ̄
this.$refs.name
$vm.mounted
DOM撹がしくなってる
Component template should contain
exactly one root element
1コンポ`ネント = 1ノ`ドツリ`
コンポ`ネントの古廷を屎しくg廾していたら
蒙にやることはない
Filtersを$watchや$computedに
Qする恬I
- Filters can now only be used inside text interpolations ({{}} tags)
- Vue 2.0 will not ship with any built-in filters.
directive坪で}jなことするのやめる
@timeupdate='updateTime | debounce(300)'
匯桑の諒籾
とりあえずVue 2.0.0にはなるよver.
これを events: {
EVENT_NAME_1: function() {},
EVENT_NAME_2: function() {},
EVENT_NAME_3: function() {},
EVENT_NAME_4: function() {}
}
this.$dispatch('EVENT_NAME', function() {})
とりあえずVue 2.0.0にはなるよver.
まずこうして vue-event-emitter.js
import Vue from 'vue'
export default new Vue()
とりあえずVue 2.0.0にはなるよver.
こうする import ee from `../vue-event-emitter¨
created() {
ee.$on('EVENT_NAME_1', this.function1)
ee.$on('EVENT_NAME_2', this.function2)
ee.$on('EVENT_NAME_3', this.function3)
ee.$on('EVENT_NAME_4', this.function4)
}
ee.$emit('EVENT_NAME', function() {})
だいたいGrepだけで
咾い
屎櫃る
Y
- シンプルな何蛍はGrepで崔Q辛嬬
- カスタム勣殆は碧に栽わせるために富し^を聞う
- Vuex秘れてない繁はまずVuex秘れよう
- Vuexがoくても咾

More Related Content

Vue.js 0.12 to 2.0.0 gotanda.js #5