概述
uni-app(从零开始)
uni-app 是什么?
- uniapp 就是使用Vue.js技术开发所有前端框架的跨端框架
- uniapp 就是可以将一套代码 发布到多个平台
uniapp 和 Vue 的关系?
- uniapp是基于vue进行开发,继承了Vue的特性和语法
- 在开发H5时支持所有的Vue语法
- uniapp对Vue的一些底层进行了二次封装记得参考文档
- 但是在发布到app和小程序时也有部分Vue的语法是不可以使用的 比如:Vue-router和一些第三方的插件组件,因为小程序是不支持Dom操作的
uniapp 和小程序之间的关系:
- 组件标签靠近小程序规范
- 接口能力(JS API)靠近微信小程序规范(通过小程序的api去晚上 打开手机摄像头等Vue做不到的功能)
- 在Vue的生命周期的基础上 具有微信小程序的所有周期
uniapp同常规web开发的区别
例如:
- web开发的常用标签
<div class="content">
<img class="logo" src="/static/logo. png"></ img>
<p class="text-area">
<span class="title">普通 web标签</ span>
</p>
</div>
- uni-app开发使用的标签
<view class="content">
<image class="logo" src="/static/ logo . png"></ image>
<view class="text-area">
<text class="title">小程序标签 </text>
</view>
</view>
uni-app的中运用到的生命周期(微信小程序生命周期)
- onShow :此生命周期函数—监听页面显示(页面显示)
- onHide:此生命周期函数—监听页面隐藏(页面隐藏)
- onReady:此生命周期—监听页面处理渲染完成(页面渲染完成)
- onUnload:此生命周期—监听页面卸载(页面卸载)
- onLoad:此生命周期—监听页面加载(页面加载)
最后
以上就是笨笨紫菜为你收集整理的uni-app(从零开始)的全部内容,希望文章能够帮你解决uni-app(从零开始)所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复