这种方式保留当前页面，跳转到应用内的某个页面，但是不能跳到tabBar页面

    路径后可以带参数

    参数与路径之间使用?分隔
    参数键与参数值用=相连
    不同参数用&分隔，如'path?key=value&key2=value2'

    这是开发中最常用的一种跳转方式，也是默认的跳转方式，如示例3-8所示

    1. index.wxml
    3. <view class="container">
    4. <navigator url='/pages/detail/detail?name=iphone&price=8888'>
    5.   <view>
    6.     <image mode='widthFix' src='/public/imgs/iphone.png'></image>
    7.     <text>iPhoneX</text>
    8.   </view>
    9. </navigator>
    10. </view>
    11. -------------------------------------------------------------------------------------
    12. detail.wxml
    14. <view>
    15.     <view>
    16.         <text>名称：{{name}}</text>
    17.     </view>
    18.     <view>
    19.         <text>价格：{{price}}</text>
    20.   </view>

    示例3-8中，从首页跳转到详情页，同时带了两个参数name和price

    详情页里要获取传过来的参数，可以在onLoad生命周期函数里通过参数option获取
    也可以使用wx.navigateTo函数实现跳转

    wx.navigateTo的参数是一个对象
    在对象里传入跳转的地址url
    跳转成功回调success
    跳转失败回调fail
    跳转完成回调complete

    例如，sample.wxml页面中有一个按钮，单击按钮跳转到navigate.wxml就可以这么做，如示例3-9所示。

    1. sample.wxml
    3. <button bindtap='navigateTo'>单击按钮，执行wx.navigateTo</button>
    4. ----------------------------------------------------------------------------
    5. sample.js
    7. Page({
    8.  navigateTo: function(){
    9.     wx.navigateTo({
    10.         url: '/pages/navigate/navigate?title=navigate',
    11.                 success: function(){
    12.         console.log('跳转成功')
    13.         },
    14.         fail: function(){
    15.         console.log('跳转失败')
    16.         },
    17.         complete: function(){
    18.         console.log('跳转完成')
    19.         }
    20.     })
    21. }
    22. })