Vue組件的data必須是一個(gè)函數(shù)、單個(gè)根元素、局部組件

vue

Vue組件的data必須是一個(gè)函數(shù):一個(gè)組件的 data 選項(xiàng)必須是一個(gè)函數(shù),因此每個(gè)實(shí)例可以維護(hù)一份被返回對象的獨(dú)立的拷貝;每個(gè)組件必須只有一個(gè)根元素:組件模板只能有一個(gè)根元素;局部組件定義示例

辰風(fēng)沐陽 閱讀 1452 2020-07-31

Vue 組件介紹及使用

vue

`組件是可復(fù)用的Vue實(shí)例`,通過自定義元素實(shí)現(xiàn)組件;html標(biāo)簽不區(qū)分大小寫,統(tǒng)一使用小寫,多個(gè)單詞使用短橫線隔開(art-list);可以使用Vue.component注冊全局組件

辰風(fēng)沐陽 閱讀 1428 2020-07-31

layui 表單引入 ueditor 遇坑記

Layui

layui表單引入ueditor發(fā)現(xiàn)無法獲取ueditor的內(nèi)容,經(jīng)過排查發(fā)現(xiàn)將表單容器div標(biāo)簽改為form標(biāo)簽就可以了。剛開始用div是因?yàn)閘ayui官方文檔說表單容器可以是div標(biāo)簽,只要賦予 .layui-form 類就行。

辰風(fēng)沐陽 閱讀 1903 2020-07-31

Vue 2.x 偵聽器 watch【初識】

vue

Vue 提供了一種更通用的方式來觀察和響應(yīng) Vue 實(shí)例上的數(shù)據(jù)變動(dòng):偵聽屬性。當(dāng)屬性發(fā)生改變時(shí),自動(dòng)觸發(fā)屬性對應(yīng)的偵聽器。當(dāng)需要在數(shù)據(jù)變化時(shí)執(zhí)行異步或開銷較大的操作時(shí),這個(gè)方式是最有用的。

辰風(fēng)沐陽 閱讀 1456 2020-07-20

Vue2 計(jì)算屬性 computed【初識】

vue

模板內(nèi)的表達(dá)式非常便利,但是它們的設(shè)計(jì)初衷是用于簡單運(yùn)算的。在模板中放入太多的邏輯會(huì)讓模板過重且難以維護(hù)。computed 計(jì)算屬性就是專門用于進(jìn)行復(fù)雜的屬性計(jì)算的。計(jì)算屬性是基于它們的響應(yīng)式依賴進(jìn)行緩存的。只有在相關(guān)響應(yīng)式依賴發(fā)生改變時(shí)它們才會(huì)重新求值,methods 不緩存。

辰風(fēng)沐陽 閱讀 1446 2020-07-20

Vue指令之列表渲染

vue

v-for 指令基于一個(gè)數(shù)組來渲染一個(gè)列表。使用 `item in/of items` 形式的語法,其中 items 是源數(shù)據(jù)數(shù)組,item 是被迭代的數(shù)組元素別名,支持多種數(shù)據(jù)格式:`Array | Object | number | string | lterable(2.6新增)`

辰風(fēng)沐陽 閱讀 1397 2020-07-19

Vue指令之條件渲染

vue

v-show 和 v-if 指令都可以用于條件渲染。v-show 當(dāng)表達(dá)式為false時(shí)僅僅是被賦予 style="display:none" 屬性;v-if 則是直接將標(biāo)簽替換為 html中的注釋 <!---->

辰風(fēng)沐陽 閱讀 1410 2020-07-19

layuiAdmin 單頁版部署

layuiAdmin

layuiAdmin 單頁版采用前后端分離開發(fā)模式,無需將其放置在你的服務(wù)端 MVC 框架中,只需給 layuiAdmin 主入口頁面(宿主頁面)進(jìn)行訪問解析,它即可全權(quán)完成自身路由的跳轉(zhuǎn)和視圖的呈現(xiàn),數(shù)據(jù)層則完全通過服務(wù)端提供的異步接口完成。

辰風(fēng)沐陽 閱讀 3393 2020-07-09

ThinkPHP6.0 多應(yīng)用模式 部署 Layuiadmin 單頁版

layuiAdmin Layui TP6.0

TP6.0中的路由省略應(yīng)用名只能用`入口文件綁定應(yīng)用` 和 `域名綁定應(yīng)用`,經(jīng)過測試,最后得出`域名綁定應(yīng)用`是最合適的部署方式。如果有更好的部署方案,歡迎分享。QQ:23426945

辰風(fēng)沐陽 閱讀 2208 2020-07-06

ThinkPHP6.0 單應(yīng)用模式 部署 Layuiadmin 單頁版

layuiAdmin Layui TP6.0

layuiadmin單頁版部署到thinkphp中:1. Layuiadmin單頁版 2. ThinkPHP6.0.3 單應(yīng)用模式 3. 將 src 和 start 文件夾放到 public 下 4. 修改宿主頁面layuiadmin資源路徑、配置實(shí)時(shí)刷新緩存 5. 訪問首頁使其重定向到layuiadmin主頁

辰風(fēng)沐陽 閱讀 2475 2020-07-06