qq_39025142的博客

单张页面数据较多时，可以使用组件数据懒加载，减少网络请求，提高页面的响应速度。安装npm i @vueuse/core -S 库，用到其中的 useIntersectionObserver 来实现监听进入可视区域行为，配合vue3.0的组合API的方式实现。封装方法 index.js//提供复用逻辑import { useIntersectionObserver } from "@vueuse/core"import {ref} from 'vue'// 数据懒加载函数// targe.

vant 框架自定义主题的使用Vant 使用了 Less 对样式进行预处理，并内置了一些样式变量，通过替换样式变量即可定制你自己需要的主题。步骤一 引入样式源文件定制主题时，需要引入组件对应的 Less 样式文件，支持按需引入和手动引入两种方式。按需引入样式（推荐）在 babel.config.js 中配置按需引入样式源文件，注意 babel6 不支持按需引入样式，请手动引入样式。 // main.js 中引入全部样式,改为 .less 文件 import 'vant/l

slot 插槽的基础使用页面 A.vue默认情况下，在使用组件的时候，提供的内容会被填充到名字为 default 的插槽中<Left> <p>这段话会被插入到Left组件的 slot 中</p></Left>如果要把内容填充到指定名称的插槽中，需要用 v-slot 指令v-slot 后面要跟上插槽的名称v-slot 指令不能直接用在元素上，必须用 template 标签包裹v-slot 指令简写形式 #mySlot具名插槽

公共组件具有更好的复用性，当然，要根据实际情况选择全局或局部组件。全局组件props:['init'] 可以以数组的形式定义props：{init:{type:"类型",default:"默认值",required:"是否必传"}}全局组件注册 //在 main.js 中引入全局公用组件Count.vue import Count from '@/components/Count.vue' Vue.component('MyCount',Count) //组件名为