1.使用fetch API请求数据(这里以天气数据为例)
1.1 首先准备天气查询地址;
1.2 配置网络访问允许的权限列表;
1.3 配置设备允许的网络设置
1.4 在onInit生命周期钩子函数中发出请求
1.5 在页面中渲染数据请求结果
*页面生命周期函数
2.CSS中多个class的优先级
2.1 当一个元素指定多个 class 时,class 的优先级与指定顺序无关,而是和 class 的定义顺序有关,后声明的优先级高。
3.Camera组件
3.1
4.自定义组件Props
自定义组件可以通过props声明属性,父组件通过设置属性向子组件传递参数,props支持类型包括:String,Number,Boolean,Array,Object。camelCase (驼峰命名法) 的 prop 名,在外部父组件传递参数时需要使用 kebab-case (短横线分隔命名) 形式,即当属性compProp在父组件引用时需要转换为comp-prop。给自定义组件添加props,通过父组件向下传递。
添加默认值:
子组件可以通过固定值default设置默认值,当父组件没有设置该属性时,将使用其默认值。此情况下props属性必须为对象形式,不能用数组形式。
数据单向性:
父子组件之间数据的传递是单向的,只能从父组件传递给子组件,子组件不能直接修改父组件传递下来的值,可以将props传入的值用data接收后作为默认值,再对data的值进行修改。
computed 计算属性:
自定义组件中经常需要在读取或设置某个属性时进行预先处理,提高开发效率,此种情况就需要使用computed字段。computed字段中可通过设置属性的getter和setter方法在属性读写的时候进行触发。