uni-app+Vue3初级

文本渲染指令

• {{ }}
• v-text
• v-html

条件渲染

• v-if
• v-else-if
• v-else

属性绑定

• v-bind:title="richMsg"
• :title="msg"

表单绑定

• <input  v-model="msg" >
             

循环语句

• <view v-for="item in 5"  >{{item}}</view>
• <view v-for="item in 'Chian'">{{item}} </view>

事件

• v-on:click=""
• @click=""

 事件的参数

• @click=“doit”
  如果不传参数 等于传默认参（事件对象$event）
• @click="doit($event)"
  传递默认参数
• @click="doit('自定参数')"
• @click=“doit('自定义',$event)”
• @click="doit('自定参数','第二个参数')"
• $event 固定写法代表事件对象

事件的修饰符

• .stop阻止冒泡
• .once 响应一次
• .prevent 阻止默认事件

按键修饰符

• enter 回车键
• esc 取消
•  space 空格
• up left right bottom 上下左右
• delete 删除或退格

生命周期

• beforeCreate 创建前
• created  创建后
• beforeMount 挂载前 
• mounted 挂载后
• beforeUpdate 更新前
• updated 更新后
• beforeUnmount 卸载前 
• unmounted 卸载后

data数据的存放地 

methods 所有方法的存放地 

watch 监听数据变化 执行回调函数

computed 从现有数据中计算出新的数据

组件创建components

父子传参props

子父传参 $emit

跨层级传参 eventbus

defineProps

默认传值

 父组件传值

 defineEmits

子组件向父组件传值 

 

  defineExpose

父组件调用子组件方法