文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！

Vue

发布于 2019-05-26 15:36:17 字数 918 浏览 1198 评论 0 收藏 0

支援的副档名：vue

Vue.js 是款渐进式的 JavaScript 网页 UI 框架。Parcel 预设就支援 Vue，完全不需额外设定。

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Parcel - Vue</title>
  </head>
  <body>
    <div></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(App).$mount('#app');

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

列表为空，暂无数据

Vue

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。