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...