vue3-sfc-loader (浏览器直接运行vue3、vue2)

会点php的前端小渣渣

已于 2022-06-10 14:36:26 修改

阅读量2.8k

点赞数

分类专栏： js vue vue3 文章标签： vue.js javascript elementui

于 2022-06-10 10:16:14 首次发布

本文链接：https://blog.csdn.net/qq_39523111/article/details/125216556

版权

基本使用（可以是字符串和相对路径）：

<!DOCTYPE html>
<html>
<body>
 
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.2.37/vue.global.js"></script>
  <script src="https://unpkg.com/vue3-sfc-loader@0.8.4/dist/vue3-sfc-loader.js"></script>

 
   <!-- <script src="https://unpkg.com/vue@next"></script>
   https://unpkg.com/vue@3.2.37/dist/vue.runtime.esm-browser.prod.js  
  -->
  <!--如果是vue2可能要用这种 <script src="https://unpkg.com/vue3-sfc-loader@0.8.4/dist/vue2-sfc-loader.js"></script> -->


  <div id="bob"></div>

  <script>

    /* <!-- */
    const sfcContent = `
      <template>
  <span @click="qq" class="example">{
  { msg }}</span>
</template>
<script>
export default {
  data() {
    return {