uni-app实战教程
<p>uni-app：学习使用门槛低，vuejs语法，一套代码多种编译方式多个平台运行，抛开这些兼容性不说，单单用来开发小程序也是最佳的选择</p><p>一：下载配置Hbuilder X</p>
<p>新建uni-app项目，包含模板，可选择支持scss语法</p>
<p>二：项目目录结构</p>
<p>components: uni-app组件目录</p>
<p>pages：项目文件目录</p>
<p>static：静态资源文件（图片、字体图标）</p>
<p>wxcomponents: 微信小程序组件目录</p>
<p>main.js : vue初始化入口文件</p>
<p>App.vue : 全局样式配置</p>
<p>manifest.json : 配置应用名称、打包信息等</p>
<p>pages.json : 配置页面路由等</p>
<p>三：生命周期</p>
<p>应用生命周期：应用生命周期仅可在App.vue中监听，在其它页面监听无效</p>
<p>onLaunch：项目初始化触发，仅一次</p>
<p>onShow: 显示页面时触发</p>
<p>onHide：关闭页面后触发</p>
<p>onError: 出现错误时触发</p>
<p>onUniNViewMessage：对nvue页面发送数据时触发</p>
<p>onUnhandledRejection：对未处理的Promise拒绝事件监听函数</p>
<p>页面生命周期：</p>
<p>onLoad: 页面加载时</p>
<p>onReady: 页面加载完成</p>
<p>onPullDownRefresh：监听用户下拉动作</p>
<p>onTabItemTap: 点击tab时触发</p>
<p>onPageScroll：监听页面滚动</p>
<p>四：路由</p>
<p>uni.navigateTo({ url }) 跳转到某个页面，保留当前页</p>
<p>uni.redirectTo({ url }) 跳转到某个页面，关闭当前页</p>
<p>uni.switchTab({ url }) 跳转到tabBar,并关闭所有不是tab的页面</p>
<p>uni.navigateBack() 关闭当前页，返回上一页面</p>
<p>五：发送请求</p>
<p>uni.request({</p>
<pre><code>url,
data,
method,
success
</code></pre>
<p>})</p>
<p>六：下拉刷新</p>
<p>onPullDownRefresh<br>
当把回调函数作为参数在另一个函数中执行的时候，如果想要确保参数不报错，在函数体内这么做：</p>
<p>callBack && callBack（）</p>
<p>七：页面内跳转到站外的地址</p>
<p>1、location.href = "https://............."</p>
<p>2、使用标签<web-view src="https://............"></web-view></p><br><br>
来源：https://www.cnblogs.com/caibaotimes/p/13857602.html
頁:
[1]