uniapp写微信小程序的解决页面跳转不了的问题（详细）

uniapp写微信小程序的解决页面跳转不了的问题

写过微信小程序和vue，但是在运用uniapp的时候还是会遇到一些差异，不熟悉的就会在某个点停留，总结下我遇到的页面跳转不了的问题。
我的做法是根据官方文档API的

uni.navigateTo({
    url: 'test?id=1&name=uniapp'
});

进行页面跳转，即使添加页面了，路径正确，还是跳转不了，后来我发现了我对于目录结构了解不太清除，文件建错了位置，进入主题：
首先
pages.json添加相关信息

添加的页面

在里面添加内容

添加事件进行跳转

这样就可以进行页面跳转了