微信小程序

uview-ui view-ui的基本使用步骤 安装依赖 npm i sass npm i sass-loader@10 npm i uview@1 全局引入uview的js库 在main.js中引入

easycom组件 easycom是uniapp提供的一种便捷使用自定义组建的技术。 vue自定义组件和easycom自定义组件的区别 vue自定义组件 vuevue自定义组件的使用步骤： 创建组件

自定义组件的通信 子传父传递数据的步骤 创建一个自定义组件 给子组件绑定事件 事件触发，给父组件传递数据 父组件使用子组件的自定义事件，并声明一个事件处理函数 获取子组件传递的数据 创建自定义组件 子

常用的快捷键 ctrl + e --- 快速打开最近打开文件 ctrl + b --- 编译 ctrl + r --- 刷新 Shift + alt + F --- 快速格式化代码 ctrl + N

uniapp 这里使用的是vue脚手架创建 安装全局vue-cli 安装的脚手架的版本需要安装@4的版本 新建文件 使用默认模板 创建成功之后 打开src/manifest.json,添加appid

数据绑定 使用双个花括号把变量包裹--{{变量}} {{}}花括号里面也可以使用三元表达式 组件的属性绑定变量需要在双引号里面 条件渲染 条件渲染有两种方式 wx:if hidden wx:if wx

组件之间的通信 父传子 父传子的过程 父组件传递数据 子组件接收数据 子组件使用数据 父组件传值 子组建接收数据 在自定义组件的js文件中声明接收的变量 子组件使用数据

创建 自定义组件的文件结构 组件的文件结构也是以下四个文件构成： .wxml .wxss .js .json 新建组件 在需要创建组件的文件上，新建一个components文件夹 在conponent