写好的vue项目怎么打包成uniapp形式

vue的强项是vue的组件.组件是创建用户界面的.不仅仅是网页有用户界面.小程序和app都有自己的用户界面.vue既可以为网页创建用户界面.也可以为小程序和安卓.ios去创建用户界面.如果是为网页配置用户界面打包的就是html.css.js.

写的vue最终是会打包的.打包操作就是转化编译操作.他同意也是可以打包成wxml.wxs.wxss.都是使用webpack打包的.既然都是webpack所以都需要去配置webpack.我们使用的脚手架vue-cli.已经帮我们配置好了.最终执行命令就变成了html.css.那小程序就是 使用uni-app.只要使用uni-app处理一下.那打包结果出来就是wxml.wxss.wxs.

 

uni-app还是强大的.还可以打包成安卓.ios.h5都是可以的

 

 

创建uni-app    vue create -p dcloudio/uni-preset-vue my-project  上下箭头如果不可用就使用winpty vue.cmd create -p dcloudio/uni-preset-vue my-project

npm run dev:mp-weixin

 

ni-app可以使用un--request获取参数,uni-app对大部分的请求进行了封装.如果没有传入 success / fail / complete 参数，则会返回封装后的 Promise 对象.第一个参数是错误对象.第二个参数是返回的数据

写一个文件.导出一个函数.在mian.js里面导入.然后使用vue.use()挂载这个插件

import request from '../util/request'

const plugin = request({

baseUrl:'************'

})

Vue.use(plugin)  //挂载插件

main.js开始执行就导出一个函数.这个函数在vue.use()里面开始调用.

 

export default function(conig){

const {baseUrl }= config
return function (Vue){
  Vue.prototype.http=saync funtion(params){
      const {url,method,data} = params
const res =  await uni.request({

url:baseUrl +"?"


})  

return res[1].data
      
    
}  
}
}