1. vue中img的src綁定
在平常的處理中，img的src通常採用相對路徑的方式來指定，然而在Vue中通過『：src』動態綁定時不能如此，圖片會載入失敗。
也就是說，靜態結構時，圖片地址這樣設置就可以正常顯示：
而動態結構時，這樣就不行
注意如果寫成了
那就更加的錯誤了
這是因為網頁會把根域作為相對路徑的根目錄，然而我們文件的路徑是相對於項目文件的根目錄的，當然就找不到了。而通過vue-cli建的文件結構中，有一個叫做static的文件夾，是存放靜態文件的，這個文件夾下的文件會按照原本的結構放在網站根目錄下。這時再使用『/static.......』這樣的路徑就可以訪問這些靜態文件了。
第二種辦法是使用require()包裹相對路徑
html部分：
js部分：
2. 怎樣配置才能讓vuecli build後的靜態文件放到子目錄也能訪問
項目config文件夾里index.js中的assetsPublicPath，默認是/，改成你想設置的子目錄名稱，比如： /weixin/。
然後還要內配置頁面內的容路由路徑就可以了。
3. Vue項目打包發布至npm
新建一個項目，在根目錄創建兩個文件夾 packages 和 examples
將原項目中 components 下所有組件復制到新項目的 packages 目錄下，如果有字體圖標，將字體圖標也一並放到 packages 目錄下
packages/index.js
main.js
必須在 new Vue() 方法前調用 use 方法注冊插件
Vue CLI提供了將Vue項目打包成庫的命令，官方文檔地址 https://cli.vuejs.org/zh/guide/build-targets.html#%E5%BA%94%E7%94%A8
package.json
在 package.json 中新增一條打包命令，其中 packages/index.js 指定打包入口文件
默認情況下該命令不會將 Vue 打包進去，因為任何引用我們庫的Vue項目都默認包含 Vue ，如果使用文件或者CDN方式引入我們的庫，則需要使用者手動引入 Vue 。可以通過添加 --inline-vue 參數來內置 Vue 。 --name 來指定打包後的名字。
運行打包命令
package.json
其中 name 不能在 npm 上已經存在， private 必須設置為 false ，否則發布會失敗， main 指定的是 import 我們的庫時默認導入的文件
如果包的名字已經被其他人使用了，可以聲明所有者信息來避免重名沖突。有兩種方式來實現，第一種，手動修改 package.json ，將 name 修改為 @username/package-name 。第二種，推薦在新項目中使用， npm init --scope==username 。這個時候，發布包的命令也要進行修改
.npmignore
定義哪些文件在上傳到npm時會被忽略。一般而言， examples 是包含測試的文件， packages 是源碼， public 是一些靜態文件，這些對庫的使用者來說意義不大，可以不上傳到npm
如果使用了第三方npm源，必須改回npm官方源
切換回官方源命令為 nrm use npm
登錄
發布
取消發布
發布時遇到錯誤時可能是以下原因導致的:
安裝
全局導入
使用組件