A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区
传智教育官网黑马程序员官网
只需一步,快速开始
谷粒姐姐
黑马粉丝团
黑马币:447
帖子:57327
精华:0
© 谷粒姐姐 黑马粉丝团 / 2018-11-16 15:35 / 1134 人查看 / 0 人回复 / 1 人收藏 转载请遵从CC协议 禁止商业使用本文
var login = Vue.extend({ template: '<h1>登录</h1>' }); Vue.component('login', login);
Vue.component('register', { template: '<h1>注册</h1>' });
<script id="tmpl" type="x-template"> <div><a href="#">登录</a> | <a href="#">注册</a></div> </script>
Vue.component('account', { template: '#tmpl' });
注意: 组件中的DOM结构,有且只能有唯一的根元素(Root Element)来进行包裹!
Vue.component('account', { template: '#tmpl', data() { return { msg: '大家好!' } }, methods:{ login(){ alert('点击了登录按钮'); } } });