layui動態(tài)添加tab 只有我一個人感覺Layui和Vue差別不大嗎？
只有我一個人感覺Layui和Vue差別不大嗎？Layui基于jQuery。當(dāng)然，在很多地方，它也直接操作Josn的數(shù)據(jù)，直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來實現(xiàn)數(shù)據(jù)綁定。事實上，開發(fā)商不
只有我一個人感覺Layui和Vue差別不大嗎？
Layui基于jQuery。當(dāng)然，在很多地方，它也直接操作Josn的數(shù)據(jù)，直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來實現(xiàn)數(shù)據(jù)綁定。事實上，開發(fā)商不需要在意。要編寫Vue，它們需要在DOM的指定位置綁定數(shù)據(jù)，甚至執(zhí)行一些邏輯，例如V-IF。Layui實際上是一個直接調(diào)用的打包方法。
Vue最大的問題是，如果頁面非常復(fù)雜，DOM、數(shù)據(jù)和方法不在同一個位置，那么它將花費人們的生命。當(dāng)然，vue3已經(jīng)解決了這個問題，所有的邏輯都可以寫成函數(shù)。就我個人而言，我仍然認為簡單的頁面使用Vue，而復(fù)雜的業(yè)務(wù)邏輯使用jQuery
1。第一步是在我們的計算機上打開軟件，創(chuàng)建一個新的HTML，并添加layui的JS和CSS文件，如下圖所示：2第二步，我們打開新的HTML文件并在<head>標(biāo)記中引入它layui.css文件， layui.js公司文件，如下圖所示：第三步3，我們開始編寫body頁面的內(nèi)容，這里給出的表內(nèi)容是layui的表示例數(shù)據(jù)，如下圖所示：4在第四步中，我們最終在表數(shù)據(jù)塊中添加了click事件，表.on（“工具（demoevent）”，函數(shù)（obj）{}偵聽單元格事件，圖層.提示（）彈出框，使用對象更新({ 符號：值})要更新表和緩存，如下圖所示：5步驟5：我們在瀏覽器中打開HTML頁面，看到表的數(shù)據(jù)內(nèi)容，如下圖所示：6步驟6：我們點擊表的數(shù)據(jù)內(nèi)容，彈出框，顯示網(wǎng)格中數(shù)據(jù)的單位，可以看到點擊事件是通過layi添加到表數(shù)據(jù)中的，如下圖所示：