成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

我在vue-cli+webpack項(xiàng)目開(kāi)發(fā)中遇到的一些問(wèn)題總結(jié)

mykurisu / 647人閱讀

摘要：最近用了一個(gè)月的時(shí)間快速開(kāi)發(fā)了一套管理系統(tǒng)，前后端分離的開(kāi)發(fā)模式，前端采用的技術(shù)路線，頁(yè)面是第三方框架。下面總結(jié)一下我在開(kāi)發(fā)工程中遇到的一些問(wèn)題。比如我需要一個(gè)彈框插件，而上頁(yè)沒(méi)注冊(cè)。

最近用了一個(gè)月的時(shí)間快速開(kāi)發(fā)了一套管理系統(tǒng)，前后端分離的開(kāi)發(fā)模式，前端采用vue-cli+webpack的技術(shù)路線，頁(yè)面UI是第三方bootstrap框架。下面總結(jié)一下我在開(kāi)發(fā)工程中遇到的一些問(wèn)題。
1.第三方插件如何引入和正確打包

首先要引入jq和bootstrap,用npm jq --save進(jìn)行安裝，安裝之后在build目錄下webpack.base.conf.js這個(gè)文件夾里面進(jìn)行配置
plugins: [
      new webpack.ProvidePlugin({
          $: "jquery",
          jQuery: "jquery",
          "windows.jQuery": "jquery"
      })
   ]

jq是可以在npm 官網(wǎng)上注冊(cè)過(guò)的可依賴下載包，那些沒(méi)注冊(cè)過(guò)的第三方插件如何使用。比如我需要一個(gè)彈框插件，而npm 上頁(yè)沒(méi)注冊(cè)。我是在index.html中直接引入這個(gè)插件，這個(gè)插件放在asssets目錄下打包才能打進(jìn)去。

2子組件、父組件、兄弟組件之間如何互相傳遞參數(shù)和調(diào)用方法

子組件傳遞參數(shù)給父組件
**父組件**

父組件綁定一個(gè)自定義事件處理程序，on:resourceParam是自定義事件，changeCart是處理程序，這個(gè)方法是干什么的呢？當(dāng)然是來(lái)接收子組件傳遞過(guò)來(lái)的參數(shù)并進(jìn)行接下來(lái)的業(yè)務(wù)處理邏輯

changeCart:function(info){
    let comBackArr=[]
    $.each(info,function(key,value){
       comBackArr.push(value.url);
    })
    this.material_url=comBackArr.join(",");
},

好的，那接下來(lái)就死子組件觸發(fā)這個(gè)事件，把子組件的參數(shù)傳遞過(guò)去。 以下子組件了

 _this.$emit("resourceParam",_this.source);

這個(gè)就是子組件把參數(shù)傳遞過(guò)去了，如果子組件傳遞多個(gè)參數(shù)呢？

_this.$emit("resourceParam",[params1,params2,params3]);

兄弟組件之間的參數(shù)如何進(jìn)行傳遞
未完待續(xù)。。。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/92397.html

相關(guān)文章

  • 開(kāi)發(fā)富文本編輯器的一些經(jīng)驗(yàn)教訓(xùn)

    摘要：當(dāng)然，這只是結(jié)合自己項(xiàng)目的工程結(jié)構(gòu)和特點(diǎn)設(shè)置的一套使用方式，僅供參考開(kāi)發(fā)富文本編輯器的教訓(xùn)由于項(xiàng)目的時(shí)間較緊張，我在頁(yè)面上應(yīng)用了框架的背景下，想當(dāng)然的想要把也應(yīng)用于富文本編輯器的開(kāi)發(fā)，事實(shí)證明這是不太可行的。 此文已由作者劉詩(shī)川授權(quán)網(wǎng)易云社區(qū)發(fā)布。 歡迎訪問(wèn)網(wǎng)易云社區(qū)，了解更多網(wǎng)易技術(shù)產(chǎn)品運(yùn)營(yíng)經(jīng)驗(yàn)。 最近我們的產(chǎn)品有一個(gè)需求是要在PC端做一個(gè)面向用戶的書(shū)評(píng)編輯器，讓用戶和編輯在蝸牛讀書(shū)...

    mtunique 評(píng)論0 收藏0

  • todo-list 項(xiàng)目問(wèn)題總結(jié)（使用 react 進(jìn)行開(kāi)發(fā)）

    摘要：項(xiàng)目問(wèn)題總結(jié)這個(gè)項(xiàng)目，很簡(jiǎn)單，前端使用，后端使用進(jìn)行開(kāi)發(fā)。方便移動(dòng)端開(kāi)發(fā)。當(dāng)動(dòng)畫(huà)結(jié)束后，有一個(gè)鉤子函數(shù)可以使用其他一些功能組件，都是自己嘗試去編寫(xiě)的，像日歷組件組件組件等。版本的，是沒(méi)有任何的鉤子函數(shù)，我就感覺(jué)懵逼了。。。 todo-list 項(xiàng)目問(wèn)題總結(jié) 這個(gè) todo-list 項(xiàng)目，很簡(jiǎn)單，前端使用 react，后端 nodejs 使用 koa2 進(jìn)行開(kāi)發(fā)。數(shù)據(jù)庫(kù)使用 Mysql...

    shengguo 評(píng)論0 收藏0

  • 長(zhǎng)的和vue-cli差不多的React腳手架

    摘要：的外表，的心說(shuō)在前面對(duì)于我個(gè)人來(lái)說(shuō)，一個(gè)好的腳手架有助于我們心無(wú)旁騖地去學(xué)習(xí)一些庫(kù)例如和。所以說(shuō)，為什么不弄個(gè)的呢我的想法就是將和盡量保持一致，除了它們的核心和。并不會(huì)對(duì)該文件夾下的文件進(jìn)行處理。 react-webpack-boilerplate vue-cli的外表，React的心 說(shuō)在前面 對(duì)于我個(gè)人來(lái)說(shuō)，一個(gè)好的腳手架有助于我們心無(wú)旁騖地去學(xué)習(xí)一些庫(kù)例如Vue和React。vu...

    alin 評(píng)論0 收藏0

  • 關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

    摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥(niǎo)雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門(mén)，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...

    sutaking 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<