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

uniapp学习打卡-vue笔记组件详解

2019-04-03 17:10 731 查看

全局组件及局部组件

  • 全局组件,定义之后,适用于页面上所有对象el
  • 局部组件,定义之后,只适用于页面上指定的el
  • 局部注册的组件在其子组件中默认不可用,如果需要使用需要先声明导入import ComponentA from ‘./ComponentA.vue’


组件的使用,建议单独产生一个文件夹进行管理,使用前先导入注册

基础组件的自动化全局注册(可以把常用的按钮打包)

组件的数据源(props请指定小写)

组件数据源可以指定数据类型,用于浏览器解析时,不符合类型提示错误

组件的数据源可以传静态或动态

组件的数据源在传入数值、布尔值,数组,对象等非字符串类型的值时,必须使用v-bind:(绑定字段名)来指定 ; 传一个对象所有值,也就是不指定绑定的字段名,则直接用v-bind


组件的单向数据流限定,我们必须从外部修改数据源,不在组件内部修改数据

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