기본 콘텐츠로 건너뛰기

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>
</template> 여기까지 필수요소 되겠다.
이후로는 component를 clie…