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

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

今天的主题：Vue之 组件component

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

{{msg}}

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

new Vue({ el:"#app", data:{ }, components:{ myhtml:{ template:"这个是component定义的一个元素" } } })

运行结果：

2.全局创建

Vue.component('zkelm',{ template:"这里是全局创建的component元素" }) new Vue({ el:"#app" })

运行结果：

问题： 全局组件 和局部组件的区别在哪里，有什么不一样吗？ 待续

zkelm.com 原创文章 13获赞 8访问量 324 关注 私信 展开阅读全文
作者：zkelm.com

VUE 小程序 程序开发 程序 学习 小程序开发