把已经写好的Vue项⽬转成uni-app项⽬
先介绍⼀下我写的vue项⽬
我的vue项⽬采⽤的是： vue+vuex+element++vue-router+webpack+vue-cil 由于某些原因需要把我的项⽬转移成uni-app项⽬ （具体原因：相信了uni-app吹的⽜b，⼀个套代码可以适⽤，安卓，IOS，⼩程序 经过了解，发现uni-app项⽬不⽀持vue-router。所以我的⼯作量就⽐较⼤了。vuejson转对象
由于我的项⽬是采⽤了Vue-router搭建的路由，⽽且Vue-router的⼦路由什么的太好⽤了！。所以我得重写构写项⽬的路由。
我原本⽤Vue-router搭建路由的⽬的就是，把公共部分提取出来，⽤路由去渲染中间的模板。了解了uni-app后发现他⾃⼰也有⼀个路由，⽽且他的header和bottom导航也已经写完成了。所以我得去使⽤他的路由。
既然他已经帮忙写好了headr和底部导航所以我也就只采⽤了他的⽅法。
⾸先，新建⼀个uni-app
他的pages就相当于我项⽬中的src ⾸先我把我的login⽂件赋值到pages⽂件夹下。 然后我在去写路由，
进⼊pages.json⽂件 在pages对象⾥写你的login页⾯的url地址 修改好后就可以运⾏看⼀下 运⾏ok，我们试试把刚才也的url复制在端⼝号后⾯看看login会不会出来 OK，发现我的login页⾯出来了。但是我的ui样式却全不见，因为我在我的vue项⽬中⽤到了element-ui在这⾥却没有。 所以我就需要来安装⼀下第三⽅插件了。 由于我习惯了⽤npm所以⾸先，我们⽤cmd进⼊项⽬的⽬录下⽤npm init⽤vue-cli来构建项⽬ 这些选项可以百度⼀下vue-cli就知道了！ 接下来就⽤npm install element-ui 来安装第三⽅插件 接下来你的项⽬下就会出现⼀个node_modules⽂件夹，在node_modules⽂件夹下⼀下有没有element-ui⽂件夹，有就ok 安装完成，接下来就是注册⼀下element-ui看看能不能起效果，在mian.js⽂件中注册。 ok，接下来就是进⾏运⾏（进⾏检测） 发现我写的样式已经起效果了，引⼊第三⽅插件有⽤，接下来就可以⽤npm去安装其他会⽤到的插件。PS:(vue-router官⽅说⽤不了，所以页⾯中的跳转就需要使⽤他⾃带的uni路由了) 接下来我就需要引⼊我的
index.vue⽂件，我把新建时候的index.vue删除了。把我⾃⼰的index.vue直接复制在pages⽂件夹下。 在我的项⽬中⽤到了，很多所以我全都得修改⼀下，但是在修改之前我们需要注册路由。（只举⼀个例⼦） 复制⼀个MyData.vue过来了。我需要在index.vue进⾏点击后跳转MyData页⾯。进⼊pages.json⽂件中写 和login页⾯的路由⼀样的写法，这时我就把index.vue的router-link改成navigator url= '../index/MyData' 开始运⾏，点击过后跳转成功 现在基本上所有的问题已经解决了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。