vue笔记

在网页加载的页面是一片空白，加一个进度条点缀一下，不让用户感到枯燥 效果： 安装： 使用 首先在main.js中引入nprogress.css 在路由守卫中使用

入门 1.前言 router 路由 应为vue是单页应用不会有那么多html 让我们跳转 所有要使用路由做页面的跳转 Vue 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue 可以实现多视

介绍Pinia Pinia.js 有如下特点： 完整的 ts 的支持； 足够轻量，压缩后的体积只有1kb左右; 去除 mutations，只有 state，getters，actions； actio

需求:点击红框外部进行关闭城市选择 使用vueuse提供的函数onClickOutside————————

指令 v- 开头都是vue 的指令 v-text 用来显示文本 v-html 用来展示富文本 v-if 用来控制元素的显示隐藏（切换真假DOM） 会重新渲染组件和销毁组件 触发onBeforeUnmo

当页面翻到最下面的时候，会自动发送请求去请求加载数据 组件代码 src/components/infinite.vue 使用组件

步骤 使用 require 提供的函数 context 加载某一个目录下的所有 .vue 后缀的文件。 然后 context 函数会返回一个导入函数 importFn 它又一个属性 keys() 获取

el 选项，通过一个选择器找到容器，容器内容就是组件内容 template 选项，<div>组件内容</div> 作为组件内容 render选项，它是一个函数，函数回默认传人createElement

搭建 把IntersectionObserver 图片懒加载设置成一个指令(v-lazy) src/components/library/index.js main.js 使用 方法 Intersec

vue3-组件数据懒加载useIntersectionObserver实现当组件(DOM元素)进入可视区在加载数据