原创 前端筆記Vue項目day3(七)

實現列表組件刪除功能從父組件把商品列表list 數據傳遞過來 即 父向子組件傳值把傳遞過來的數據渲染到頁面上 點擊刪除按鈕的時候刪除對應的數據給按鈕添加點擊事件把需要刪除的id傳遞過來 子組件中不推薦操作父組件的數據有可能多個子組

原创 前端筆記Vue項目day2(六)

1、 提供的靜態數據數據存放在vue 中 data 屬性中[mw_shl_code=applescript,true]var vm = new Vue({el: '#app',data: {books: [{id: 1,name: '三國演

原创 前端筆記Vue項目day3(二)

局部註冊只能在當前註冊它的vue實例中使用[mw_shl_code=applescript,true]<div id="app"><my-component></my-component></div> <script>// 定義組件的模板v

原创 前端筆記Vue項目day3(四)

組件插槽組件的最大特性就是複用性,而用好插槽能大大提高組件的可複用能力 匿名插槽[mw_shl_code=applescript,true]<div id="app"><!-- 這裏的所有組件標籤中嵌套的內容會替換掉slot 如果不傳值

原创 前端筆記Vue項目day2(四)

過濾器Vue.js允許自定義過濾器,可被用於一些常見的文本格式化。過濾器可以用在兩個地方:雙花括號插值和v-bind表達式。過濾器應該被添加在JavaScript表達式的尾部,由“管道”符號指示支持級聯操作過濾器不改變真正的data,而只是

原创 Java的新項目學成在線筆記-day20(十三)

4.4.3 maven構建配置 目標:使用jenkins重複構建不要產生重複鏡像 使用jekins停止容器、刪除容器、刪除鏡像之間進行判斷 構建過程分爲三步:本例子以構建xc-govern-center工程爲例,其它工程構建方式類似。1、使

原创 前端筆記Vue項目day1(三)

mvvmMVC 是後端的分層開發概念; MVVM是前端視圖層的概念,主要關注於 視圖層分離,也就是說:MVVM把前端的視圖層,分爲了 三部分 Model, View , VM ViewModelm model 數據層 Vue 中

原创 Java的新項目學成在線筆記-day20(十四)

4.4.4 執行任務 1、進入任務頁面,點擊“立即構建” 使用Gitlab提供的webhook功能可以實現開發人員將代碼push到Git倉庫自動進行構建。1、設置webhook參考“GitLab安裝文檔”配置webhook 2、在Idea中

原创 前端筆記Vue項目day1(一)

Vue 是什麼?Vue (讀音 /vjuː/,類似於 view) 是一套用於構建用戶界面的漸進式框架vue 的核心庫只關注視圖層,不僅易於上手,還便於與第三方庫或既有項目整合使用Vue將helloworld 渲染到頁面上指令本質就是自定義屬

原创 前端筆記Vue項目day1(八)

案例選項卡1、 HTML 結構[mw_shl_code=applescript,true]`<div id="app"><div class="tab"><!-- tab欄 --><ul><li class="active">apple

原创 前端筆記Vue項目day1(六)

綁定style[mw_shl_code=applescript,true]<div v-bind:style="styleObject">綁定樣式對象</div>' <!-- CSS 屬性名可以用駝峯式 (camelCase) 或短橫線分隔

原创 前端筆記Vue項目day1(二)

v-html用法和v-text 相似 但是他可以將HTML片段填充到標籤中可能有安全問題, 一般只在可信任內容上使用 v-html,永不用在用戶提交的內容上它與v-text區別在於v-text輸出的是純文本,瀏覽器不會對其再進行html解

原创 前端筆記Vue項目day1(四)

按鍵修飾符在做項目中有時會用到鍵盤事件,在監聽鍵盤事件時,我們經常需要檢查詳細的按鍵。Vue 允許爲 v-on 在監聽鍵盤事件時添加按鍵修飾符[mw_shl_code=applescript,true]<!-- 只有在 keyCode 是

原创 前端筆記Vue項目day1(五)

綁定對象我們可以給v-bind:class 一個對象,以動態地切換class。注意:v-bind:class指令可以與普通的class特性共存[mw_shl_code=applescript,true]1、 v-bind 中支持綁定一個對象

原创 前端筆記Vue項目day1(七)

循環結構v-for用於循環的數組裏面的值可以是對象,也可以是普通元素 [mw_shl_code=applescript,true]<ul id="example-1"><!-- 循環結構-遍歷數組 item 是我們自己定義的一個名字