써먹는 웹개발

[Vue.js] Vue (싱글 파일 컴포넌트) 기본 코드 생성방법 본문

Study/Vue.js

[Vue.js] Vue (싱글 파일 컴포넌트) 기본 코드 생성방법

kmhan 2020. 10. 4. 01:57


728x90
반응형

싱글 파일 컴포넌트 기본 코드 생성하는 방법은 다음과 같습니다.

 - Vetur 0.22 버전 이후 : vu 또는 vue 라고 쓰고 Tab 키 입력

 - Vetur 0.22 버전 이전 : scf 라고 쓰고 Tab 키 입력

 

위와 같이 하면 빈 .vue 파일에 아래 코드가 생성됩니다.

 

<!-- @author name -->

<template>

  <div></div>

</template>

 

<script>

import Api from 'api';

import Tower from 'tower';

export default {

  data () {

    return {};

  },

  components: {},

  methods: {},

  computed: {},

  watch: {},

  created () {

    Tower.setWebViewTitle('Title');

  },

  mounted () {},

  updated () {},

  destroyed () {}

}

</script>

 

<style lang='less'>

</style>

 

출처 : www.inflearn.com/questions/12633

728x90
반응형


Comments