[Vue.js] 싱글 파일 컴포넌트(.vue)

싱글 파일 컴포넌트 구조)<template>는 html 코드가 오는 곳<script> JavaScript 코드가 오는 곳<style>CSS 코드가 오는 곳예시로 아래와 같은 컴포넌트 객체 코드가 있다면template: '<div>content</div>' 는 <template>로methods: {add: function(){...}} 부분은 <script>에 코딩하면 됨<template>에서 하나의 root 태그만 올 수 있다만약 root 태그가 2개 이상이라면 에러가 발생한다.export default 안에 인스턴스 옵션 속성 또는 컴포넌트 옵션 속성을 넣어주면 됨...

[Vue.js] 싱글 파일 컴포넌트(.vue)에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.

원문링크 : [Vue.js] 싱글 파일 컴포넌트(.vue)