Vue元件傳輸資料的二種方法

2021-08-09 21:05:56 字數 1412 閱讀 8754

今天使用vue做了乙個小功能,用於展示自己的作品,如下圖,有三個模組,唐詩三百首,leetcode演算法題和科目三考道,唐詩三百首是我用node抓包抓的唐詩,leetcode是一些leetcode的演算法題,也是使用nodejs抓包抓的,科目三考道是使用canvas畫的考道圖,

此專案使用vue-cli 工具生成,標準的vue專案,其中的三個模組使用的是乙個元件panel 他的上外層是元件helloworld ,為了學習父子間的通訊,panel的展示資料全部由父級元件helloworld元件傳入.在每個panel元件上使用自定義的屬性傳入資料 如:

<

panel:title="algorithm":arrdata="algorithmarr">

panel>

使用" : " 來設定屬性, title是傳入子元件的標題,如,唐詩三百首,arrdata是乙個列表物件 

父元件的js如下

components 需要設定引入的子元件, 在頭部也需要import  panel元件,

在子元件裡我們通過props屬性來獲取父級傳入的資料

如上圖  這樣子元件就能夠使用父級傳入的資料.

對於子級向父級傳資料的 我們使用自定義的事件來實現

父級元件在使用子元件時 新增乙個自定義事件如

<

panel:title="poerty":arrdata="poetryarr"@msgfunc="func">

panel>

子元件裡在函式裡這樣寫 就可以出發這個msgfunc事件

這樣就實現了 子級觸發父級的乙個事件,具體的業務處理邏輯操作在父級的func函式裡完成

tomcat發布目錄設定(二種方法)

tomcat發布目錄設定 二種方法 但是,如果我想把mybbs放在別的系統盤下面呢?比如放在d盤下 怎麼辦?具體方法如下 方法一 首先 把mybss檔案放在自己想要放的盤下,比如就放在d盤下吧。接著 在tomcat下的conf下找到server.xml檔案,開啟它,然後在前新增如下資訊 這樣就可以了...

vue元件通訊六種方法。

props emit v model 實現一層子級父級傳遞。children parent 返回的是乙個元件集合,但是需要手動新增下標,不推薦使用 元件一但很多,不利於維護 eventbus 用於兄弟之間傳遞,可以巢狀多層傳遞。provide inject 以允許乙個祖先元件向其所有子孫後代注入乙個...

mysql 遠端連線資料庫的二種方法

分類 資料mysql 2010 08 09 18 05 5475人閱讀收藏 舉報mysql 資料庫遠端連線 user server 伺服器 一 連線遠端資料庫 1 顯示密碼 如 mysql 連線遠端資料庫 192.168.5.116 埠 3306 使用者名為 root 密碼 123456 c mys...