• Vue
    • 帮助我们改善文档

    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 或者 编辑此页面.