Vue元件建立過程步驟

1、建立資料庫表

create table tb_name(...)engine=innodb default charset=utf8

（1）性別：int，其中0表示女，1表示男；

（2）日期：varchar，將日期轉換成毫秒數的形式進行儲存；

（3）浮點：decimal，精度更高，減少誤差；

server.get(url,(req,res)=>);

（1）get方式：req.query

（2）post方式：req.body

>對於常用路由傳入引數建議：

（1）帶分頁的列表資料查詢：page-當前頁數，count-每頁條數

（2）帶id的詳情查詢/資料刪除：id-特定資料id

2、sql語句

3、資料庫操作

pool.query(sql,[...args],(err,result)=>;

以json格式響應到前端頁面

res.send();

// 對於insert/update/delete，使用
// 成功執行，code為正值；
// 失敗執行，code為負值；

1、頁面布局(/views/new_comp.vue)

可以使用vue常用框架（element-ui/mint-ui/mui等）進行快速布局；

>布局要求：精簡

2、將元件登入到路由地圖上（router.js）

（1）引入：import comp_name from 「comp_path」

（2）登入：

3、資料繫結

（1）單向繫結：v-bind:屬性=「模型變數」

（2）雙向繫結：v-model:屬性=「模型變數」

4、資料請求

this.axios.get(url,}).then(res=>)

Vue寫元件步驟

開發乙個元件，props型別為function，父類傳遞function的返回值給子類 1.元件註冊和使用。註冊 commontable 元件，先引入，再匯出 元件使用，大寫字母用 小寫字母代替 2.props 型別為function的具體情況 初始化alldata，type為function 在父...

Vue建立步驟

最近開始學習vue，順便記錄一下使用的步驟心得 第一步 切換映象源，使用npm的映象源太慢了在此處切換為 映象源 npm install g cnpm registry 第二布 建立專案資料夾，並cd到該資料夾，安裝vue腳手架，vue cli npm install g vue cli g代表全域...

Vue工程建立步驟

1.vue cli vue cli是vue的腳手架工具，是幫助我們編寫好vue.js基礎 的工具，vue cli可以幫助我們完成目錄結構 本地除錯 部署 熱載入 單元測試等工作。安裝 建立乙個vue檔案 vue檔案下面有三塊 template script style 分別寫好這三部分之後，在scr...