寫好的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
      
    
}  
}
}