我在vue-cli+webpack項目開發中遇到的一些問題總結

最近用了一個月的時間快速開發了一套管理系統,先後端分離的開發模式,前端採用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

相關文章
相關標籤/搜索