用法：用于頁(yè)面跳轉(zhuǎn)，相當(dāng)于html里面的<a></a>標(biāo)簽。
API教程：https://mp.weixin.qq.com/debug/wxadoc/dev/component/navigator.html
https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html
四種跳轉(zhuǎn)的方法，在index里面寫(xiě)下一段代碼進(jìn)行測(cè)試
1：從首頁(yè)跳轉(zhuǎn)到日志頁(yè)面（可以返回）
（注意旁瘫，在沒(méi)有設(shè)置底部導(dǎo)航的情況下，沒(méi)有tab也可使用這個(gè)屬性，有tab頁(yè)則需更換switchTab屬性）
<view>
<navigator url="/pages/logs/logs" hover-class="changestyle">頁(yè)面跳轉(zhuǎn)嚷掠，可以返回</navigator>
</view>
2：從首頁(yè)跳轉(zhuǎn)到日志頁(yè)面（不可以返回）
（注意，在沒(méi)有設(shè)置底部導(dǎo)航的情況下荞驴，沒(méi)有tab也可使用這個(gè)屬性不皆，有tab頁(yè)則需更換switchTab屬性）
<view>
<navigator url="/pages/logs/logs" hover-class="changestyle" redirect>頁(yè)面跳轉(zhuǎn)，無(wú)法返回</navigator>
</view>
3：在當(dāng)前頁(yè)面打開(kāi)
新建一個(gè)文件夾熊楼，命名為no,完善里面的wxml測(cè)試信息霹娄，為了方便測(cè)試隨意填充內(nèi)容
<view class="btn-area">
<navigator url="/pages/test/test" hover-class="navigator-hover">我是一個(gè)自由分散的頁(yè)面哦</navigator>
</view>
打開(kāi)全局app.json文件，將剛剛新建文件夾no的路徑寫(xiě)入
我們現(xiàn)在要測(cè)試從首頁(yè)的鏈接上打開(kāi)鲫骗，點(diǎn)擊鏈接犬耻，即可在當(dāng)前的首頁(yè)頁(yè)面打開(kāi)no頁(yè)面
4：切換到tab頁(yè)：
代碼
<view>
<navigator url="/pages/logs/logs" open-type="switchTab" hover-class="other-navigator-hover">切換 Tab</navigator>
</view>
注意：我這里用的跳轉(zhuǎn)是switchTab跳轉(zhuǎn)，而不是navigator
原因：所有的頁(yè)面路徑都需配置在pages下面tabBar里一般就是四個(gè)主頁(yè)面执泰，這些主頁(yè)面之間的跳轉(zhuǎn)就像tab切換枕磁，這幾個(gè)頁(yè)面需要在tabBar里另外配置，普通頁(yè)面向這四個(gè)主頁(yè)面跳轉(zhuǎn)的時(shí)候术吝，不能使用navigator计济，需用switchTab茸苇。
經(jīng)驗(yàn)總結(jié)：TabBar中的list項(xiàng)的配置pagePath，盡量不要作為其他頁(yè)面的跳轉(zhuǎn)鏈接沦寂。
下一章：微信小程序從零開(kāi)始開(kāi)發(fā)步驟（七）引入外部js 文件
文末福利：
福利一：前端学密，Java，產(chǎn)品經(jīng)理传藏，微信小程序腻暮，Python等資源合集大放送：http://www.reibang.com/p/e8197d4d9880
福利二：微信小程序入門(mén)與實(shí)戰(zhàn)全套詳細(xì)視頻教程
原文作者：祈澈姑娘；原文鏈接：http://www.reibang.com/u/05f416aefbe1
創(chuàng)作不易毯侦，轉(zhuǎn)載請(qǐng)告知哭靖；90后前端妹子，愛(ài)編程叫惊，愛(ài)運(yùn)營(yíng)款青，愛(ài)折騰。
閱讀鏈接：
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（一）搭建開(kāi)發(fā)環(huán)境http://www.reibang.com/p/0ff8c3b2f59f
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（二）創(chuàng)建小程序頁(yè)面http://www.reibang.com/p/fe0db14e2869
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（三）底部導(dǎo)航欄http://www.reibang.com/p/89a63dc99839
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（四）自定義分享的功能http://www.reibang.com/p/65d9bdb8051d
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（五）輪播圖http://www.reibang.com/p/bc3261557031
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（六）4種頁(yè)面跳轉(zhuǎn)的方法http://www.reibang.com/p/01a5a6a0fdb9
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（七）引入外部js 文件http://www.reibang.com/p/5f2cde64d7f2
微信小程序從零開(kāi)始開(kāi)發(fā)步驟（八）引入框架WeUI：http://www.reibang.com/p/fd423b6e17be
