最近用了一個月的時間快速開發了一套管理系統,先後端分離的開發模式,前端採用vue-cli+webpack的技術路線,頁面UI是第三方bootstrap框架。下面總結一下我在開發工程中遇到的一些問題。
1.第三方插件如何引入和正確打包html
首先要引入jq和bootstrap,用npm jq --save進行安裝,安裝以後在build目錄下webpack.base.conf.js這個文件夾裏面進行配置
plugins: [ new webpack.ProvidePlugin({ $: "jquery", jQuery: "jquery", "windows.jQuery": "jquery" }) ]
jq是能夠在npm 官網上註冊過的可依賴下載包,那些沒註冊過的第三方插件如何使用。好比我須要一個彈框插件,而npm 上頁沒註冊。我是在index.html中直接引入這個插件,這個插件放在asssets目錄下打包才能打進去。前端
2子組件、父組件、兄弟組件之間如何互相傳遞參數和調用方法vue
子組件傳遞參數給父組件 **父組件** <my-file v-on:resourceParam="changeCart" :source="Parentmaterial_url"></my-file>
父組件綁定一個自定義事件處理程序,on:resourceParam是自定義事件,changeCart是處理程序,這個方法是幹什麼的呢?固然是來接收子組件傳遞過來的參數並進行接下來的業務處理邏輯jquery
changeCart:function(info){ let comBackArr=[] $.each(info,function(key,value){ comBackArr.push(value.url); }) this.material_url=comBackArr.join(','); },
好的,那接下來就死子組件觸發這個事件,把子組件的參數傳遞過去。 如下子組件了webpack
_this.$emit('resourceParam',_this.source);
這個就是子組件把參數傳遞過去了,若是子組件傳遞多個參數呢?web
_this.$emit('resourceParam',[params1,params2,params3]);
兄弟組件之間的參數如何進行傳遞
未完待續。。。vue-cli