vue 组件模板抽离

邮差的信 提交于 2020-02-12 03:52:21

这里用的是template标签

还能使用script标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    <cpn></cpn>
</div>

<!--使用template标签-->
<template id="cpn">
    <div>
        <h2>我是wsm</h2>
        <p>我是内容</p>
    </div>
</template>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script>

  Vue.component('cpn',{
    template : '#cpn'
  })

  //  在vue实例中注册组件2
  const app = new Vue({
    el : '#app',
    data : {

    }
  })
</script>
</body>
</html>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!