GitHub

Vue

Extensões suportadas: vue Vue.js é um progressivo e incrementalmente adoptável framework Javascript para criar UI na Web. O Parcel tem suporte nativo ao Vue sem a necessidade de nenhuma configuração adicional.

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

Você pode usar todas as ferramentas como (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(App).$mount('#app')

Ajude-nos a melhorar esta documentação

Se alguma coisa estiver faltando ou não estiver inteiramente clara, por favor crie uma issue no repositório deste site ou edite esta página.