Vue

支持扩展类型: vue

Vue.js 是一个渐进式、增量采用、在 web 环境构建用户界面的 JavaScript 框架。Parcel 对 Vue 支持是开箱即用的。

  1. <!-- index.html -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.   <head>
  5.     <title>Parcel - Vue</title>
  6.   </head>
  7.   <body>
  8.     <div id="app"></div>
  9.     <script src="./index.js"></script>
  10.   </body>
  11. </html>

使用你喜爱的工具(例如：Pug, TypeScript, SCSS, …):

  1. // app.vue
  2. <template lang="pug">
  3.   .container Hello {{bundler}}
  4. </template>
  6. <script lang="ts">
  7. import Vue from 'vue'
  8. export default Vue.extend({
  9.   data() {
  10.     return {
  11.       bundler: 'Parcel'
  12.     }
  13.   }
  14. })
  15. </script>
  17. <style lang="scss" scoped>
  18. .container {
  19.   color: green;
  20. }
  21. </style>
  1. // index.js
  2. import Vue from 'vue'
  3. import App from './app.vue'
  5. new Vue(App).$mount('#app')

帮助我们改善文档

如果有遗漏或者不清楚的地方，请在本站的仓库 提交issue 或者 编辑此页面.