<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/vue.js"></script> </head> <body> <div id="app"> <account></account> </div> </body> <script> Vue.component('account',{ template:'<div><h1>账号组件</h1> <login></login></div>',//在这里使用子组件v2.0一定要用div包裹 components:{ 'login':{ template:'<h2>登录组件</h2>' } } }); new Vue({ el:'#app' }); </script> </html>
Vue2.0在组件中定义和使用子组件
最新推荐文章于 2023-07-06 15:29:48 发布