Vue開發系列三 除錯

2022-09-20 04:18:07 字數 522 閱讀 8757

3.然後開啟shells>chrome>src>manifest.json 把裡面的"persistent": false改為true

4.開啟chrome點選載入已解壓的擴充套件程式,然後把shells>chrome這個資料夾放入就ok了

5.你再開啟乙個用vue寫的網頁,你再開啟chrom除錯工具你就會發現vue了

6.本地除錯時,會出現如http://localhost:8080/#/mine  這樣的位址 ,可以取消掉#,在router的index.js增加

export default new router(

即可。但是這種模式需要在生產伺服器中進行配置的

7.開發壞境的跨域問題

開發壞境中我們要訪問如下的api

只需要在config/index.js中增加如下

proxytable: 

}},

請求url時,只需寫成只用寫成/api1/getlist就可以代表

vue 開發系列 元件開發

vue 的乙個特點是進行元件開發,元件的優勢是我們可以封裝自己的控制項,實現重用,比如我們在平台中封裝了自己的附件控制項,輸入控制項等。在vue 中乙個元件,就是乙個獨立的.vue 檔案,這個檔案分為三部分。1.模板 2.指令碼 3.樣式 我們看乙個系統中最常用的元件。if right r clas...

vue 開發系列 vue使用外部js

在開發時我們會經常需要使用到外部的js,這樣我們需要引入外部js,然後進行使用。我們在開發的過程中需要使用到 sha256 將使用者的密碼進行加密傳輸。我們對js進行一點點改造。引入sha256,對其進行改造封裝 初始化方法 拉取需要加密資料 獲取結果 返回結果 function sha256 di...

Vue開發與除錯工具

vscode visual studio code windows版本的安裝就很簡單了,傻瓜式安裝,之後去快捷鍵 在當前行中間換行到下一行 ctrl enter 當游標點選到某一行時,預設選中全行,可以直接複製剪下 直接刪除某一行 shift delete或者ctrl shift k 多行游標選擇 ...