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