100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > vue全局组件和局部组件(二)

vue全局组件和局部组件(二)

时间:2019-12-12 20:27:04

相关推荐

vue全局组件和局部组件(二)

此方法较为简单,推荐使用

全局组件

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><script src="js/vue1.0.js"></script></head><body><div id="example"><my-component></my-component> </div><script>window.onload=function(){//注册全局组件ponent('my-component', {template: '<div>这是一个全局组件!</div>'});new Vue({el: '#example'})}</script></body></html>

局部组件

<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title></title><script src="js/vue.js"></script></head><body><div id="example"><my-component></my-component> </div><script>window.onload=function(){new Vue({el: '#example',data:{},components:{'my-component':{template: '<div>这是一个局部组件!</div>'}}})}</script></body></html>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。