uni 笔记

uni-app是由dcloud公司推出的多端融合框架,实现1次开发即可在App、H5和各小程序上运行。本文详细介绍了uni-app的开发环境准备、项目创建、运行流程、Vue语法、生命周期、组件使用、路由管理和条件编译等关键知识点。
摘要由CSDN通过智能技术生成

解释

由dcloud 公司开发的 多端融合框架

1次开发 多端运行

竞品:

apiCloud ,appCan ,Codova

技术架构

	Vue语法+小程序的api

端Hybrid混合开发

App端

HTML+
nvue(原生view)
native.js(js原生沟通的桥梁)
weex
内置ios/安卓的模块使用

H5端

h5专用api

各种小程序

(微信为主)

准备工具

Hbuilderx (开发与编译工具)
微信小程序开发工具(微信小程序预览测试)

安卓模拟器/真机

运行app
在这里插入图片描述

新建项目

在这里插入图片描述

运行多端

H5

在这里插入图片描述
在这里插入图片描述

小程序

1 打开开发工具的服务端口

2 HBuilderx配置 微信开发工具的地址

3 配置微信小程序id

4 运行到微信小程序

App

1 打开模拟器或者手机

2 配置模拟器的端口

夜神模拟器端口号:62001

海马模拟器端口号:26944

逍遥模拟器端口号:21503

MuMu模拟器端口号:7555

天天模拟器端口号:6555

3 运行到模拟器

注意项

hbuilder可能需要下载对应的插件
运行到安卓模拟器,有视图差别
运行可以需要一定的诗句

Vue语法

模板语法

文本渲染
{ {表达式}}
v-text=“表达式”
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值