1.建立页面路由
router-view
router-link to
2.封装导航组件,active-class=”selected”
3.封装 Icon 组件,使用 svg-sprite-loader
svgo-sprite-loader,导入icons文件夹,外部属性
4.封装 Layout 组件,引入导航组件,使用插槽slot,更新viewport
5.完成 Money页面,class-prefix给Layout组件传一个前缀,修改Layout样式,模块化
6.完成 Types 组件,使用 ts
@component
export default class xxx extends Vue{
xxx:string =”x”
}
7.完成 Numberpad 组件 计算器逻辑处理
8.完成 Tags 组件,v- model
9.完成 Labels 组件,:xxx.sync :updata:xxx
10.四个组件数据交互,监听$watch(data):{onDatachanged({})},数据改变时触发$emit,type 对象类型
11.四个组件都接受外部属性,使用.sync $emit更新数据
12.Labels 页面 editLabels页面 router
13.store(VueX) 封装Input Button组件
