uniapp学习打卡-vue笔记组件详解
2019-04-03 17:10
731 查看
全局组件及局部组件
- 全局组件,定义之后,适用于页面上所有对象el
- 局部组件,定义之后,只适用于页面上指定的el
- 局部注册的组件在其子组件中默认不可用,如果需要使用需要先声明导入import ComponentA from ‘./ComponentA.vue’
组件的使用,建议单独产生一个文件夹进行管理,使用前先导入注册
基础组件的自动化全局注册(可以把常用的按钮打包)
组件的数据源(props请指定小写)
组件数据源可以指定数据类型,用于浏览器解析时,不符合类型提示错误
组件的数据源可以传静态或动态
组件的数据源在传入数值、布尔值,数组,对象等非字符串类型的值时,必须使用v-bind:(绑定字段名)来指定 ; 传一个对象所有值,也就是不指定绑定的字段名,则直接用v-bind
组件的单向数据流限定,我们必须从外部修改数据源,不在组件内部修改数据
相关文章推荐
- 【音乐App】—— Vue-music 项目学习笔记:播放器内置组件开发(二)
- 【音乐App】—— Vue-music 项目学习笔记:播放器内置组件开发(一)
- 【音乐App】—— Vue-music 项目学习笔记:歌曲列表组件开发
- vue学习笔记--父子组件通信
- vue学习笔记之指令v-text && v-html && v-bind详解
- Vue.js学习笔记之修饰符详解
- Vue 2.0学习笔记:组件数据传递
- vue.js 学习之组件之间数据传递详解
- 微信小程序开发学习笔记005--微信小程序组件详解
- IOS学习笔记——iOS组件之UIScrollView详解
- Vue 2.0学习笔记:组件的使用
- Vue学习笔记3.1 子-父组件传递数据 v-bind、v-on、$emit()
- Vue2.0学习之详解Vue 组件及父子组件通信
- 小程序学习笔记四:页面文件详解之视图层组件与自定义组件
- Vue.js第四天学习笔记(组件)
- Vue学习笔记4.2 父子组件传递
- Vue学习笔记(1) 一开始的使用以及Vue实例的详解
- 【音乐App】—— Vue-music 项目学习笔记:歌手页面开发
- Vue学习笔记——指令和部分组件
- IOS学习笔记——iOS组件之UIScrollView详解(各个方法)