vue를 쓰는 meteor project를 만들자. 이번엔 Blaze를 안쓸거다. HMR(Hot module replace)도 된다고 하더라. 뭐 별로 중요하겠냐만 이런 거 좋아하는 사람도 있다. meteor create --bare vueEx1 --bare 옵션을 주면 Blaze뿐만 아니라 어짜피 안쓸 기본 패키지도 빼준다. (jquery/autopublish/insecure 등등) vue를 쓰기 위해 npm과 package를 하나씩 추가하자. meteor add akryum:vue-component meteor npm i -S vue 시작점이 중요하다. html 먼저 작성하자. 아마 처음이자 마지막으로 작성하는 html일 것이다. client/main.html <head> </head> <body> <app /> </body> <app>에서 시작한다. 다른 이름이어도 상관없지만 $mount 할때 똑같이 맞추자. client/main.js import { Meteor } from 'meteor/meteor'; import Vue from 'vue'; import App from '/imports/ui/App.vue'; Meteor.startup(() => { new Vue({ render: h => h(App), }).$mount('app'); }); main.js가 custom component인 <app/>을 먼저 바인딩하게 하고 imports 영역으로 최초 시작 vue component인 App.vue를 작성한다. imports/ui/App.vue <template> <div class="app"> <navhead /> <contents /> </div> <...
Meteor evangelist, IoT, Renoise, Lua, Javascript, Coffeescript