随笔分类 - 前端 / 前端--vue
摘要：版本：VueI18n 9.x 问题： 在 单独的 文件中使用 useI18n() , 而不是在 setup() 中直接使用 const { locale } = useI18n({ useScope: 'global' }) 一不小心，就会报错： Must be called at the top
阅读全文
摘要：Vue 版本：3.0.0 出现的问题： 在 setup() 中 onMounted() onActivated()，出现警告： [Vue warn]: onMounted is called when there is no active component instance to be assoc
阅读全文
摘要：##1、情况说明 1）有多个Echarts 图表，且每个作图的内容 是单独的组件 2）使用 v-show 指令切换显示 图表，每次只显示一个 index 就是索引号，每次切换 <data-chart key="0" v-show="index 0" :index="index" :type='0'
阅读全文
摘要：1、页面切换 不触发 activated 生命周期 代码如下 <template> <!-- include 可以用逗号分隔字符串、正则表达式或一个数组来表示 --> <router-view v-slot="{ Component }"> <keep-alive :include="cacheVi
阅读全文
摘要：问题描述：echarts 实例赋值给 reactive 响应式 Proxy对象，导致tooltip不显示 //template <div style="width: 600px; height: 600px;border: 1px solid red" ref="chartContainer"> s
阅读全文
摘要：<template> <div> {{test.a}} {{test.b}} {{test.c}} {{test.d}} </div> </template> <script lang="ts"> import { defineComponent, PropType, ref, reactive,
阅读全文
摘要：如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用 >>> 操作符： <style scoped> .a >>> .b { /* ... */ } </style> 上述代码将会编译成： .a[data-v-f3f3eg9] .b { /* ... */ }
阅读全文
摘要：有一个很长的列表需要展示，如果是全部直接全部展示，会因为一次性创建了太多的DOM节点，从而导致卡死。（除非分页） 解决办法是： 采用虚拟滚动。 比如有1K条数据，但是我们可以看到的部分可能只有几十条，所以，那些我们看不到的dom节点，完全没有必要去渲染。所以，虚拟滚动就是只渲染可视部分的dom节点，
阅读全文
摘要：https://www.cnblogs.com/canfoo/p/6891868.html
阅读全文
摘要：https://www.cnblogs.com/wiliam/p/12587893.html https://www.cnblogs.com/qtiger/p/13207286.html
阅读全文
摘要：https://zhuanlan.zhihu.com/p/152097785 https://webpack.js.org/plugins/split-chunks-plugin/#optimizationsplitchunks
阅读全文
摘要：参考来源：(https://www.jianshu.com/p/e1b01cdc2def) vueCLI:(https://cli.vuejs.org/zh/config/#pages) 多页面，不能共享vuex，状态共享只能传统方式：storage，cookie，URL querystring传值
阅读全文
摘要：国际化这个英文单词为：Internationalization，又称 i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的个数，而“n”代表这个单词的最后一个字母 ##1. 为不同的语种都定制一份代码 优点：实现简单 缺点：变更需求麻烦，响应慢 ##2. 使用谷歌/微软的翻译API
阅读全文
摘要：1，组件名 官方推荐的组件名是 每个单词首字母大写（PascalCase） 或者 全小写用 - 连接（kebab-case） 。 在DOM中使用的时候， 改为全小写， 单词之间用 - 连接。 Vue.component('MyComponent', {})； 或者 Vue.component('my
阅读全文
摘要：DOM绑定 dom文本插值："{{message}}"dom元素属性绑定：v-binddom innerhtml代码输出：v-htmldom 内表达式 {{expression}} 带v-前缀的属性是指令,在指令后的冒号后面跟着的是‘参数’v-bind:v-html:v-if: 将根据表达式 see
阅读全文
