您的位置:首页 > Web前端 > Vue.js

挑战百日学习计划(小程序开发)-第9天(Vue组件component)

2020-06-05 09:57 549 查看

打卡:第9天 .今日心得:复杂的问题必须要分步完成,才可以化繁为简。一个知识点如果不理解透彻,会造成很多误区。最终就会被丢弃记忆
每天进步1%,热爱学习不能自拔!虽然知识点不是很高深,但是先稳固基础的知识。循环渐进.争取在100天内能实现技术的质变!最终能实现(小程序开发:www.zkelm.com)的目标、

今天的主题:Vue之 组件component

1.component的创建(组件 既一个功能代码集,方便反复使用) 模块化开发的需求
语法:component(‘创建的元素’,{配置选项})

<component>{{msg}} </component>

创建的方法分两种:
1.局部创建

<div id="app">
<myhtml></myhtml>
</div>
<script>
new Vue({
el:"#app",
data:{

},
components:{
myhtml:{
template:"<b>这个是component定义的一个元素</b>"
}
}

})
</script>

运行结果:

2.全局创建

<div id="app">
<zkelm></zkelm>
</div>
<script>
Vue.component('zkelm',{
template:"<i>这里是全局创建的component元素</i>"
})
new Vue({
el:"#app"
})
</script>

运行结果:

问题: 全局组件 和局部组件的区别在哪里,有什么不一样吗? 待续

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐