我們一起來學習vue3

2022-09-18 21:09:09 字數 1593 閱讀 6103

這是我學習vue3做的乙個demo,功能實現了增刪查改。是演示效果,沒有真正與資料庫打交道。

做這個demo的過程中,我遇到了幾個問題。還好一一解決了。所以我覺得必要分享出來。

給各位像我一樣的新手。少浪費一些時間,多學習一些新知識。

先看看效果。

整體效果,上面兩個導航按鈕,

中間搜尋框,操作按鈕。

下面是內容,有修改,有刪除。

看看查詢的

還可以吧

再看看修改的。

修改成功了

在來看看刪除的。

只有一條了

再看看新增的

現在看看專案結構

現在開始看**

product頁面

搜尋            新增

0?tempdata:productdata">

if="modalopen" class="modal">

close

型號編碼

型號名稱

產品編碼

產品名稱

取消確定

自定義元件頁面

型號編碼

型號名稱

產品編碼

產品名稱

建立時間

操作 for="(item,index) in items">

最小元件

}}}

}}修改 刪除

if="modalopen" class="modal">

close

型號編碼

型號名稱

產品編碼

產品名稱

取消確定

資料

let data=,

"rows": [, , , , , , , , ,

]}//

定義資料出口

export default

明天再把一些關鍵點列一下,今天先發布了。

參考文章

一起來學習Ant Design

當然,都屬於webpack中的基礎知識,但是套上了atool build這樣乙個殼子,又有點小懵。還好不是很難,嘗試後,很快搞定了,順手也總結一下吧!一 安裝ant init 1 npm install antd init g 二 建立目錄 1 mkdir antd demo cd antd dem...

讓我們一起來開發FantasyPython吧

自從我把fantasypython雛形的雛形擺上之後,我一直都在努力學習著多執行緒開發,爭取早日發布fantasypython0.0.1。但是由於自己天資愚鈍,再加上工作比較繁忙,精力有限,研究多日仍然未有進展。sigh,書到用時方恨少啊!看著時間在我的碌碌無為中一天一天過去,我真的很著急,希望能夠...

程式之路 我們一起來調BUG

自從 php接手翻牌這功能,就一直有使用者反饋翻牌不成功。到現在,好幾個月了吧。我靠,比小強的生命力還強的 bug。php和c 都查過這個問題,然後 php告訴我們 伺服器端寫的驗證資訊有誤,導至翻不了牌。十幾行的 我看了多次,就是沒能看出什麼問題來 於是懷疑是 php的 bug,讓 php加一點日...