vue怎样把这两个组件同时显示出来?

我想让这两个子组件都显示在div1里面 这样写不行 只能写一个 同时写两个就会报错 应该怎么办呢?

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <script src="vue.js"></script>
   <script type="text/javascript">
      window.onload=function(){
         var cml={
             template:'#cml',
         }
         var contents={
                template:"#content",
         }
         new Vue({
               el:'#div1',
               components:{
                  'cml':cml,
                  'content':content
               },
         })
      }
   </script>
</head>
<body>
<template id="cml">
   <div>
       .......
   </div>
</template>

<template id="content">
  <div>
       ........
  </div>
</template>

<div id="div1">
    <cml></cml>
    <content></content>
</div>
</body>
</html>
阅读 4.3k
1 个回答

content 这个是关键词,还请改一个名字
还有 注册组件那块 content 还少写了一个s

 components:{
                  'cml':cml,
                  'content':contents
               },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题