工作的日常记录和平凡的生活分享

使用函数定义data，Vue还提供了额外的优势。例如，可以在data函数内部访问this关键字，这意味着可以基于组件的属性或其它状态来初始化data对象。此外，函数返回的对象可以包含方法，这些方法可以用于操作数据，使得状态管理更加集中和一致。这种方法提高了组件设计的灵活性和可维护性。组件中data定义为函数是Vue框架设计的核心决策之一，它确保了组件的复用性和数据隔离。通过这种方式，每个组件实例都能拥有一个独立的状态，避免了不同实例间数据的相互影响。

到此就完成了动态修改:root变量实现换肤了，具体的应用场景中我们应该是在页面上操作，选中需要的肤色然后修改:root定义的变量值，考虑到浏览器刷新会重置原始状态的值，这里要结合本地存储方式记住选中的肤色。

前端国际化：应用要服务于不同的地区的用户，所以应用不能单一语言；应用要能让不同地区的人无障碍使用就需要实现国际化。目前在各大商城项目中，对于国际化语言的需求越来越高了，其中最多的就是 vue 项目使用 i18n 插件实现多语言切换功能。

html,body {/* 文字风格 Sans-serif 各笔画粗细相同，Serif 笔画粗细不同，monospace 等宽体，cursive草书，fantasy梦幻 */Arial, '黑体', '宋体', Arial;body {#app {/* 重置各标签的默认样式 */a,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,

与 Vue 的选项式 API 类似，我们也可以传入一个带有 state、actions 与 getters 属性的 Option 对象,与 Vue 的选项式 API 类似，我们也可以传入一个带有 state、actions 与 getters 属性的 Option 对象count: 0,}),getters: {},},actions: {},},})在组件中的使用// vite.config.ts 自动导入 Vue 相关函数