vue前台list对象转字符串传字符转译了_Vue记账项⽬-列表展
⽰页
Scoped CSS-深度作⽤选择器
Scoped CSS | Vue Loader v
当<style>标签有scoped属性时，它的 CSS 只作⽤于当前组件中的元素。
如果希望scoped样式中的⼀个选择器能够作⽤得“更深”，可以使⽤/deep/或::v-deep（后者可以被sass认出来）操作符
由于Types组件是外部的，li是Types组件的元素，因此scoped作⽤不到li元素上，因此需要使⽤::v-deep深⼊到.x⾥⾯的组件元素
那如果组件⾥有多个li时，想要精准控制，则需要在前⾯添加前缀
表驱动形式：如果后⾯是真则要selected这个clss
ES6新语法，如果key⾥⾯有变量，可以⽤中括号包起来，此处classPrefix就是变量
制作三栏切换
新建组件Tabs.vue 从数据源获取数据
遍历数据源获取数据，并设置选中事件
声明通⽤类型
vuejson转对象
设置class当前的value正好等于选中的value
Tags.vue可以调整为通⽤组件，让class有两个类
将数据源模块化
Object.freeze不能修改地址，还不能修改内容
则⽆需Type.vue组件可删除
⽤列表展⽰数据
使⽤computed将List（数组）和type(收⼊、⽀出）、interval(按天、周、⽉)（两个string）结合起来组成⼀个新的列表（trees）获取recordList，渲染数据，展⽰列表result
根据时间分组
此时发现不知道createdAt的类型是什么，recordList的类型是any
⽽之前已经声明了recordList的类型是RootState
这是⼀个bug,Vuex在得到store的时候，它不能将类型正确的返回在全局中声明类型
现在recordList就有了类型，createdAt类型

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。