Vue
지원되는 확장자: vue
Vue.js는 웹 UI를 구축하기 위한 진보적이고, 점진적으로 적용 가능한 Javascript 프레임워크입니다. Parcel은 부가적인 설정 없이 Vue를 직접 지원합니다.
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Parcel - Vue</title>
</head>
<body>
<div id="app"></div>
<script src="./index.js"></script>
</body>
</html>
모든 선호하는 툴들(Pug, TypeScript, SCSS 등등..)을 사용 가능합니다.
// App.vue
<template lang="pug">
.container Hello {{bundler}}
</template>
<script lang="ts">
import Vue from "vue";
export default Vue.extend({
data() {
return {
bundler: "Parcel"
};
}
});
</script>
<style lang="scss" scoped>
.container {
color: green;
}
</style>
// index.js
import Vue from 'vue';
import App from './App.vue';
new Vue({ render: createElement => createElement(App) }).$mount('#app');
문서의 개선을 도와주세요
빠진점이 있거나 명확하지 않은 경우, 웹 사이트 저장소에 이슈를 제기해 주시거나 페이지를 수정해 주세요..