codeAn

基础用法 表示分为两列显示 每列间隔100像素 column-count多列模式下webkit内核分页阻断使用-webkit-column-break-before: always;即可正常阻断 火狐

首先参照大佬的文章进行操作 Vue3 实现 PDF 文件在线预览功能 - 掘金 (juejin.cn) 会提示你pdf无法打开，没有可以打开的方法 这里是缺一个处理本地文件的loader 安装 npm

y修饰符的作用与g修饰符类似，也是全局匹配，后一次匹配都从上一次匹配成功的下一个位置开始。不同之处在于，g修饰符只要剩余位置中存在匹配就可，而y修饰符确保匹配必须从剩余的第一个位置开始，这也就是“粘连

```js //test url : https://ccdcapi.alipay.com/validateAndCacheCardInfo.json?cardNo=62220058654125658

css3实现优惠券效果（向内凹的圆） - 程序员大本营 (pianshen.com)css3实现优惠券效果（向内凹的圆） - 程序员大本营 (pianshen.com)css3实现优惠券效果（向内凹的

基础用法 传值法 还可以多次过滤基础用法 传值法 还可以多次过滤基础用法 传值法 还可以多次过滤基础用法 传值法 还可以多次过滤

混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。 全局M

父访问子 children 不推荐使用，因为如果组件数量过多或者发生变动会导致源码混乱，不易操作 refs 推荐使用，使用ref进行区分 子访问父 parent root 尽量不要在子组件中直接操作父

v-pre 将某个元素以mustache标签的形式显示，不再编译为对象变量。 v-cloak 这个指令是用来保持在元素上直到关联实例结束时进行编译。 v-once 元素只在第一次编译渲染，之后更改变量