vue使用總結

2021-08-19 23:43:59 字數 1381 閱讀 8295

一.vue部署到tomcat

1. 修改config目錄下的index.js

3.如果你想要的位址是http://localhost:8080/vue這種形式的,需要修改vue的route配置,如下

二.vue請求後台資料

vue請求後台資料在開發環境下會出現跨域問題,可以通過配置**實現跨域訪問,但是在生產環境下**是沒用的,所以這裡需要做幾個設定,在開發和生產環境下都沒用問題。

1.設定**

在config目錄下index.js做如下配置

2.vue在開發環境下和生產環境下會讀取不同的配置檔案,這裡分別修改這2個檔案

(1)開發環境(config/dev.env.js)

(2)生產環境(config/prod.env.js)

注意這裡單引號和雙引號

(3)請求的url

let url = process.env.api_host + '/login?username=' + this.loginform.username + '&password=' + this.loginform.password
這裡使用的process.env.api_host 在開發環境下會自動使用**,生產環境下會自動使用ip位址訪問後台資料

replace pioneer和指向rp主頁(的鏈結

vue使用總結

一 vue中能提供資料的有 1 data屬性,如 data 中的message 2 props中的元素,如props title 中的title 3 v for中遍歷出的元素,如v for todo in todos 中的todo 注意 data和props中的資料在methods和computed...

VUE使用總結

在router.js中,我們主要做的就是將你做的元件定義一下,以至於在其他元件中能夠使用,並且能夠很成功的顯到頁面中。定義元件的 如下所示 import vue from vue import router from vue router import home from views home.vu...

VUE使用總結

新建立的了乙個 歡迎在工作的開發者,尤其是vue和小程式的同志們 771402271 好久沒更新部落格,確實是自己已經懶癌晚期,最近畢業剛工作3個月,公司開發一直在用vue,自己個人也比較喜歡這個框架,今天就對自己學習到和用到的知識點作一些總結,希望能幫到大家。vue 知道vue也一定聽說過reac...