uni-app，视频笔记（bilibili）

uni-app初体验
1，初始化方式
1.1，使用Dcloud开发的HBuildERx

1.2,使用脚手架来快速搭建和开发

	1.21，全局安装 npm install -g @vue/cli
	1.22,创建项目 vue create -p dcloudio/uni-preset-vue my-project
	1.23,启动项目（微信小程序） npm run dev.mp-weixin
	1.24,微信小程序开发者工具导入项目

3，
rpx 小程序中的单位 750rpx = 屏幕的宽度
vw h5单位 100vw = 屏幕的宽度
4，使用sass
npm i node-sass sass-loader
在style 标签中 添加 lang = “scss”
5，基本语法
数据的展示
数据的循环

5.1 数据的显示
想要使用数据第一步是 在data中设置数据，第二步在template中使用{{ data中定义的数据}}，如果想要使用
在标签的属性上通过 自定义的属性使用data中定义的属性的时候，可以用 :data-index=“data中的数据名”
数据可以是 字符串，数字类型，布尔类型，对象（对象一般用到属性值，所以 person.name。打印的就是属性值）
5.2 数据的循环
在data中定义list数组，里面的元素是对象的形式
在template中需要想到的是用什么样的标签来显示list中的数据。比如用view标签。
使用v-for 来循环 <view v-for="(item,index) in list :key=“item.id”>{{item.id,item.name,index}}
如果循环的时候放上index的时候，可以在标签中使用{{index}}打印从下标
5.3 条件编译
v-if v-show
5.4 计算属性
computed，放在data的后面。computed:{return 出一个结果}，里面可以返回的的是添加前缀，也可以是使用过滤，返回符合条件的数组
6，事件
1，找到需要设置事件的标签 @click=“handleClick”
2，在methods中 handleClick（）{}这个方法，大括号中写入需要的业务逻辑
6.1 事件传参
点击事件中的回调函数中传参 括号中直接放入需要传递的参数。在methods中的方法中从形参位置用一个名称来接收。然后打印接收的值，即是那个参数
自定义属性的传参 data-index=“11” 标签中的点击事件的回调函数的形参写入 固定的写法 $event 在methods中接收的时候用event接收，打印的是一个对象。想要使用自定义属性
需要用对象中找属性值的方式找到 event.currentTarget.dataset.index
7. 组件
7.1 组件的定义 在src文件下面 新建component文件夹 新建以.vue为后缀的文件。。。定义好一个组件
7.2，在组件中导入 需要导入定义好的组件。 import 组件名 from “路径(使用@ 代替src)”
注意组件名 不能是img-border这种中间有- 的形式。
7.3，和methods同级，写compontents 来注册 导入的组件。和组件名一致
7.4，在template中写入。以组件名当做标签 <组件名></组件名>
需要注意的是：组件名在导入的时候不能是-的形式，但是在当做标签的时候，uni-app推荐使用-的形式
例如：组件名imgBorder 当做标签时候 img-border