uni-app基础
- 事件传参的两种方式
- 一：绑定事件后面直接加上()传入参数
- 二：自定义属性的时候,事件默认会有$event参数,通过事件中event.currentTarget.dataset.参数名称来获取自定义属性中的值
组件化开发
- 简单使用
- 定义:z在src目录下定义一个components目录 ,创建.vue的文件
- 引入:在页面中使用import...from 导入组件(建议使用驼峰样式)
- 使用:在vue实例中定义components对象,直接写入组件名,在标签中使用中划线的方式运用组件
- 组件传参
- 父传子:需要在子组件中通过props这个属性来接收,属性名必须跟父组件定义的属性名保持一致
- 子传父:在子组件中通过自定义事件，通过$emit()发射出去一个事件,在父组件中监听这个事件,拿到对应的值
- 其他的传值方式常用的两种
- 一：通过Vue实例prototype定义直接定义一个属性，在任何页面生命周期中直接this使用,
- 二：通过vue中的方法getApp().globalData.属性名来直接获取
- 插槽
- 当不确定在页面中到底使用几个标签的时候,可以先用插槽slot来作为占位
生命周期
-
onLaunch全局表示应用启动的时候
-
onLoad页面加载完毕
-
onShow页面显示时
-
mounted组件挂载完毕时,只能在组件中使用
