2021-03-29

最新推荐文章于 2021-12-20 21:15:28 发布

stairheaven

最新推荐文章于 2021-12-20 21:15:28 发布

阅读量135

点赞数

本文链接：https://blog.csdn.net/stairheaven/article/details/115298190

版权

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>无标题文档</title>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="/node_modules/vue/dist/vue.js"></script>
    <script src="vue.js"></script>
    <script type="text/x-template" id="template">
      <div>我的组件 | {{msg}}</div>
    </script>
    <script>
      Vue.component("mycomponent", {
        props: ["msg"],
        template: "<div>我的组件 | {{msg}}</div>",
      });
      window.onload = function() {
        var vm = new Vue({
          el: "#app",
          data: {
            msg: "hello-world",
          },
        });
      };
    </script>
  </head>

  <body>
    <div id="app">
      <mycomponent :msg="msg"></mycomponent>
    </div>
  </body>
</html>