기본 콘텐츠로 건너뛰기

7월, 2017의 게시물 표시

coffeescript - export default를 coffeescript 에선 어떻게?

정답은   return <obj> 가령, vue 같은 곳에서 ( https://atmospherejs.com/akryum/vue-coffee ) <script>   export default {     data() {       return {          "say": "ho"       }     }   } </script> 이와 같이 작성한 코드는 <script lang="coffee">   return data: ->     "say": "ho" </script> 이렇게 쓰면 된다.

spectrum에게 물어보세요. Meteor+Vue (feat HMR) + custom NPM 적용하려면?

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> <