模板语法 和 数据绑定

i模板语法
数据初始化
动态数据绑定

动态绑定类名

动态绑定类名

事件绑定

事件绑定
事件响应方法 简写方式

条件判断（某一块元素是否要渲染） v-if 和 v-else、v-else-if

v-if如果表达式返回真值，为true 那么我们就会正常的渲染内容

image.png image.png v-else v-else-if

列表渲染： 通过一个数组来渲染一个列表

数组 列表渲染 元素和下标的别名 对象的打印

基础组件的使用:https://uniapp.dcloud.net.cn/component/

view： 占据整行
text： 相当于span

scroll-view

image.png
image.png v-model双向绑定 数据初始化

自定义组件的使用

在根目录下创建目录 components

在components文件夹下 新建 组件

image.png
image.png

使用组件

image.png

组件的属性传递

props属性
属性传递

自定义组件的事件

onClick
onClick实现 事件传递
image.png

slot

组件内部使用slot 组件渲染

uniapp的基础api

官方文档：https://uniapp.dcloud.net.cn/api/

打印 :敲clog：可直接输出console.log()；敲clogv：可输出console.log(": " + );

条件编译：

条件编译写法 条件编译1 条件编译2

页面布局：

页面布局

rpx ： 是以750宽屏幕的相对单位, 不能使用在template的动态数值做单位

引入外部样式