7记账 Vue 项目-标签页 + 标签编辑页

147 阅读1分钟

7.1 model.js

TS项目引入JS需要用require

const model = require('@/model.js').model;

model.js的作用是把保存数据封装。

7.2 model.ts

`xxx.d.ts`表示定义(definition)的文件会在该部分定义了, 其他部分直接使用.
用ts比用js好, 
怎么把JS文件改为TS:\
第一: 改文件名后缀\
第二: 给`:`添加类型
.d.ts  :声明定义

7.3 Label.vue之HTML

//做标签页
通过div和ol 来做 衣食住行 
通过icon来加svg
通过css来优化界面

7.4 Label.vue之CSS

通过css来优化界面

7.5 新建标签功能

新建一个button功能,来新建标签
通过json来保存数据

7.6 EditLabel.vue & Vue Router

 7.7 如何封装通用组件

重命名步骤:\
1 修改文件名\
2 修改类名\
3 全局查找

7.8 EditLabel.vue之CSS

7.9 EditLabel.vue功能实现

7.10 ID生成器


ID的原则:

1 一旦给了ID, 就不要修改\
2 ID不能重复

`lib`文件夹一般写自己的库