vue1s v1.0.6

VUE1S

用1秒钟开始你的vue编程，用于练习、测试、验证于vue相关的一些验证编程场景。

使用

<div id="root"></div>

<script type="module">
  import { loadApp, Vue } from 'https://unpkg.com/vue1s'
  // import { loadApp, Vue } from 'https://unpkg.com/vue1s/dist/index.min.js' // 经过压缩，体积更小

  const app = loadApp('./app.vue')
  app.mount('#root')
</script>

<script src="https://unpkg.com/vue1s/dist/browser.js"></script>
<script>
  const { loadApp } = window.vue1s
  const app = loadApp('./app.vue')
  app.mount('#root')
</script>

• 使用 type=module
• 使用import时除了vue，不可以直接引入包，而应该从url进行import
• 不支持ts
• 支持less
• 引入组件时也是直接import .vue文件
• 从vue1s中引入 Vue，而不是另外再引入vue（组件内直接import { ref } from 'vue'即可）
• 如果想使用自己的构建逻辑，可以 import { loadApp } from 'vue1s'，此时可以共享本地的vue包

loadApp第二个参数为配置对象，支持的配置如下：

loadApp('./app.vue', {
  // less编辑器的配置，可参考 https://lesscss.org/usage/#less-options
  lessConfig: {},
  // .vue内使用的模块，需要在此处传入进去，在.vue中不能直接import from一个js文件，必须在外部进行传入
  moduleConfig: {},
  // 内部用于抓取的ajax请求函数，必须与fetch功能相同
  fetchFunction: window.fetch,
})