挑战百日学习计划(小程序开发)-第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>
运行结果:
问题: 全局组件 和局部组件的区别在哪里,有什么不一样吗? 待续
相关文章推荐
- 挑战百日学习计划(小程序开发)-第10天(Vue组件component 组件传值)
- 挑战百日学习计划(小程序开发)-第12天(Vue 自定义事件)
- 挑战百日学习计划(南宁小程序开发)第19天(javascript 对象以及数组的区别)
- 挑战百日学习计划(小程序开发)第15天(javascript操作Dom)
- 挑战百日学习计划(小程序开发)第16天(addEventListener)
- 挑战百日学习计划(小程序开发)第17天(getElementsByTagName)
- 打通前后端全栈开发node+vue进阶【课程学习系统项目实战详细讲解】(3):用户添加/修改/删除 vue表格组件 vue分页组件
- 小程序组件化开发之component组件
- 微信小程序开发学习笔记006--微信小程序组件详解02
- Windows server 2008 64-bit计划任务运行使用了excel 2003 32-bit .net开发组件的程序遇到的问题
- vue组件化开发初体验-示例vue-loader-example学习记录
- 【音乐App】—— Vue-music 项目学习笔记:播放器内置组件开发(二)
- vue学习十六---component组件的三种创建方式
- 小程序基础开发(一):配置tab底部栏页面,page和component的区别,使用component自定义头部组件样式和底部导航
- 28vue学习——component 元素实现两个以上的组件切换
- 【音乐App】—— Vue-music 项目学习笔记:播放器内置组件开发(一)
- 微信小程序开发学习笔记005--微信小程序组件详解
- 【音乐App】—— Vue-music 项目学习笔记:歌曲列表组件开发
- 【学习笔记】零基础C#窗口程序开发入门
- 【嵌入式Linux学习七步曲之第二篇 ARM+Linux开发环境】在AT91RM9200上通过nfs调试linux程序