IMWeb訓練營作業 作業2 select元件

2021-07-30 23:22:15 字數 755 閱讀 2242

vue的輕量高效之處,就在於它

通過簡潔的api提供高效的資料繫結和靈活的

元件系統。元件可以擴充套件html元素,封裝可重用的**。在較高層面上,元件是自定義的元素,vue.js的編譯器為它新增特殊功能。單頁面元件字尾名.vue不像傳統的html檔案之類的容易被瀏覽器解析。它的執行環境是通過webpack下的vue-loader(vue字尾檔案管理器)進行對.vue 檔案進行分析,提採樣式,結構,邏輯**並合併成新的css和js檔案。

html部分

元件的註冊
vue.component("元件名",);可全域性註冊元件。命名規則在js中使用烤串式命名規範(abc-def),在html中使用駝峰命名規範(abcdef)

命名之後即可在html標籤中使用這個元件名稱,像使用dom元素一樣。下面是註冊和使用的示例

html部分

js部分

vue.component("custom-select",;

},props:["btn","list"],

template:`

`, methods:

}})

IMWeb訓練營作業 todolist

先來幾張。預設的外觀 新增幾個待辦適宜後的外觀 編輯待辦適宜後的外觀 標記為已完成後的外觀 篩選未完成的外觀 刪除1個待辦適宜後的外觀 實現思路 用乙個陣列儲存所有待辦適宜。每個待辦適宜的格式是如下 我用新建待辦適宜時的時間戳做那條待辦適宜的id。對待辦適宜的增刪改查就是對陣列的增刪改查。下面是部分...

IMWeb訓練營作業 Todolist

v for指令 根據一組陣列的選項列表進行渲染 語法 value,key in items value,key of items 變異方法 vue提供一組方法,對陣列進行操作時候,會觸發檢視更新 push pop shift unshift splice sort reverse 事件處理器 v o...

IMWeb訓練營作業 Todo

vuejs 學習 todo 時間問題,作業僅支援移動端 作業使用vue cli搭建開發環境,修改了部分webpack配置,採用模組化開發形式,部分內容加入了動畫效果,支援雙擊todo進行編輯,支援hash監聽,沒有設計師,視覺呈現請dalao多見諒 雙擊間隔最大時間 const double tou...