vue学习
文章平均质量分 83
AIpoem
新手上路,请多指教(⑅˃◡˂⑅)
展开
-
学习pinia 介绍-State-Getters-Actions-Plugins
介绍-State-Getters-Actions-Plugins原创 2022-07-20 00:04:54 · 316 阅读 · 0 评论 -
Vue3学习笔记4 自定义hooks、globalProperties、filters、自定义插件、样式穿透、nextTick
1. 自定义hooks2. globalProperties3. filters(vue3已移除)4. 自定义插件5. 样式穿透:deep()6. :slotted()、:global()、:v-bind()7. nextTick8.移动端适配解决方案原创 2022-07-18 19:43:32 · 506 阅读 · 0 评论 -
vue 计算属性传参数
计算属性传参原创 2022-03-28 16:24:29 · 3080 阅读 · 0 评论 -
Vue3学习笔记3 生命周期、异步组件、代码分包、Suspense、依赖注入、Mitt、v-model、自定义指令directive
1. 生命周期2. 异步组件-代码分包-suspense3. Teleport传送组件4. 依赖注入Provide / Inject5. Mitt库的使用6. v-model和.sync修饰符7. 自定义指令原创 2022-01-24 22:59:03 · 2874 阅读 · 0 评论 -
vue-cli中配置gzip压缩
1. 引入依赖compression-webpack-plugin2. vue.config.js配置原创 2022-01-24 15:39:30 · 5626 阅读 · 1 评论 -
Vue3学习笔记2 reactive、shallowReactive、readonly、computed、watchEffect、watch、toRef
1. reactive2. shallowReactive3. readonly4. computed5. watchEffect高级侦听器6. watch侦听器7. toRef8. toRefs原创 2022-01-20 14:20:38 · 599 阅读 · 0 评论 -
Vue3学习笔记1 vite、Volar、setup、script-setup、ref、 shallowRef、triggerRef、customRef
1. 创建Vue3.0工程(vue-cli / vite)2. vite构建项目目录3. Volar4. composition api5. setup6. ref7. shallowRef8. triggerRef9. customRef原创 2022-01-16 01:57:35 · 597 阅读 · 0 评论 -
vue中的导航守卫
全局守卫、独享守卫、组件内守卫原创 2022-01-14 16:18:27 · 509 阅读 · 0 评论 -
vue cli中使用预渲染技术解决SEO对SPA不友好问题
1. 引入依赖 prerender-spa-plugin2. vue.config.js配置3. 在main.js 添加监听方法4. 配置meta参数为什么SEO对单页面应用SPA不友好原创 2022-01-11 16:50:55 · 723 阅读 · 0 评论 -
vue axios接口请求封装
简易记录一下最近用到的比较顺手的、axios接口请求的封装原创 2022-01-10 11:56:24 · 2089 阅读 · 6 评论 -
vue2与vue3中的响应式原理
vue2与vue3中的响应式原理原创 2021-11-22 22:33:51 · 245 阅读 · 0 评论 -
vue-awesome-swiper @3.1.3使用,记录一些bug及解决方法
安装、引入、需求:切换slide时要更换app组件的背景、问题:第一次进入时可以正常切换slide,切换路由之后,再切换回来就不能正常切换slide了、问题:默认显示的是最后一个swiper-slide原创 2021-11-17 21:29:15 · 2678 阅读 · 0 评论 -
vue中路由的props配置
路由props配置的三种写法:props值为对象、props值为布尔值、props值为函数原创 2021-11-15 22:05:00 · 537 阅读 · 0 评论 -
vue中路由的参数传递
1.路由的query参数、2.命名路由、3.路由的params参数、原创 2021-11-15 21:56:36 · 641 阅读 · 0 评论 -
vue cli配置代理解决跨域问题
跨域问题、解决跨域问题、vue cli配置代理原创 2021-11-13 15:07:27 · 1699 阅读 · 1 评论 -
vue中的组件通信(子向父和任意组件之间)(组件的自定义事件、全局事件总线、消息订阅与发布)
组件的自定义事件(子 => 父)、全局事件总线(任意之间)消息订阅与发布(任意之间)原创 2021-11-11 20:10:36 · 502 阅读 · 0 评论 -
vue检测数据的原理
vue如何监测对象中的数据?vue如何监测数组中的数据?原创 2021-11-04 23:54:41 · 540 阅读 · 0 评论 -
vue中key的作用与原理
1. 虚拟DOM中key的作用 。2.对比规则。3.index作为key可能引发的问题。4.开发中如何选择key原创 2021-11-01 12:46:26 · 744 阅读 · 0 评论 -
Vue学习Day19 vuex管理购物车商品数据、将商品添加到购物车
获取购物车商品数据使用vuex管理购物车商品数据展示购物车商品数据购物车选择框购物车的全选按钮原创 2021-07-30 17:34:35 · 2261 阅读 · 1 评论 -
Vue学习Day18 跳转、请求数据、获取数据、滚到对应位置
1. 点击商品跳转到详情页2. 请求详情页数据3. 详情页导航栏使用4. 轮播图展示5. 商品详细数据的获取6. 点击标题滚到对应位置原创 2021-07-22 22:33:21 · 1631 阅读 · 0 评论 -
Vue学习Day17 封装tab栏、请求商品数据、封装回到顶部、上拉加载更多
1. 轮播图展示2. 推荐信息的展示3. 封装一张图片4. tab切换栏的封装5. 首页数据的请求和保存6. 首页商品数据的展示7. 点击tab栏切换商品数据8. 回到顶部组件封装使用9. 上拉加载更多原创 2021-07-22 00:53:55 · 280 阅读 · 1 评论 -
Vue学习Day16 划分目录结构、引用css文件、配置文件别名、路由配置、导航栏封装、网络请求数据
1. 划分目录结构2. 引用两个css文件3. vue.config.js配置别名、创建vue.config.js文件、编写vue.config.js代码4. 引入tabbar5. 路由配置、安装、创建index.js文件、路由配置代码6. home页导航栏封装、具体封装7. 请求首页的多个数据、安装、新建request.js文件、封装axios、请求首页数据原创 2021-07-21 00:18:37 · 100 阅读 · 0 评论 -
Vue学习Day15 Vuex的getters、mutations、actions、modules用法、项目结构
1.Getters基本使用、作为参数和传递参数2.Mutations状态更新、传递参数、提交风格、响应规则、使用常量代替事件类型3.Actions基本定义、传递参数4.modules的mutations、getters、actions5.项目结构原创 2021-07-19 00:25:41 · 280 阅读 · 2 评论 -
Vue学习Day14 Vuex概念作用、多界面状态管理、Vuex安装配置、Devtools和mutations、state单一状态树
1. Vuex概念和作用Vuex是做什么的?状态管理是什么?我们不能自己封装一个对象来管理吗?管理什么状态呢?2. 单界面到多界面状态管理切换单界面的状态管理、多界面状态管理、vuex的安装和配置、vuex状态管理图3. devtools和mutationsdevtools安装、mutations4. Vuex核心概念State 单一状态树原创 2021-07-18 00:47:48 · 197 阅读 · 0 评论 -
Vue学习Day13 封装一个TabBar组件
1.TabBar实现思路2.TabBar具体实现原创 2021-07-17 03:31:09 · 189 阅读 · 0 评论 -
Vue学习Day12 $router和$route、导航守卫、keep-alive
1. $route 和 $router2. 路由的导航守卫3. keep-alive原创 2021-07-16 01:44:40 · 300 阅读 · 0 评论 -
Vue学习Day11 router-link属性、动态路由、路由的懒加载、嵌套路由、路由的参数传递、代码跳转路由
1. router-link补充2. 通过代码跳转路由3. 动态路由4. 路由的懒加载5. 嵌套路由6. 命名视图7. 路由的参数传递原创 2021-07-14 23:15:29 · 3640 阅读 · 3 评论 -
Vue学习Day10 vue-router安装、使用、配置
1. vue-router介绍2. vue-router安装和使用3. 路由映射配置和呈现4. 路由的默认路径5. history模式原创 2021-07-13 23:22:38 · 163 阅读 · 5 评论 -
Vue学习Day9 Vue CLI的安装、创建项目、服务、runtime-compiler和runtime-only、路由
1.Vue CLI的介绍和安装2.Vue CLI创建项目3.CLI服务4.runtime-compiler和runtime-only5.Vue CLI配置文件的查看6.路由原创 2021-07-12 23:31:06 · 111 阅读 · 2 评论 -
Vue学习Day8 .vue文件封装处理、vue的使用方案、webpack中的plugin、搭建本地服务器
1. el和template的区别2. vue组件化开发引入3. .vue文件封装处理4. 安装vue-loader、vue-template-compiler5. vue的使用方案6. plugin7. 搭建本地服务器原创 2021-07-11 21:50:49 · 255 阅读 · 0 评论 -
Vue学习Day7 webpack使用、处理各种文件、npm init初始化、局部安装webpack、package.json配置、webpack配置vue
1.webpack基本使用2.配置webpack.config.js文件3.npm init初始化项目4.局部安装webpack5.package.json中定义启动6.webpack-loader7.webpack处理css8.webpack处理图片9.webpack-es6转es510.webpack配置vue原创 2021-07-10 23:35:03 · 227 阅读 · 0 评论 -
Vue学习Day6 插槽slot使用、编译作用域、作用域插槽、模块化开发、webpack介绍、安装
1.插槽slot2.编译作用域3.作用域插槽4.模块化介绍5.webpack介绍安装原创 2021-07-09 23:25:00 · 245 阅读 · 2 评论 -
Vue学习Day5 父子组件通信(props、自定义事件)、父子组件访问($refs、$parent)
1.父子通信2.父子访问原创 2021-07-09 02:15:34 · 489 阅读 · 0 评论 -
Vue学习Day4 v-model表单双向绑定、注册组件、组件模版分离、组件中的数据存放、组件中data为什么是个函数
1. 表单绑定v-model2. 组件化3.组件模版的分离写法4. 组件中的数据存放问题组件可以访问Vue实例数据吗?组件数据的存放组件中的data为什么是个函数?原创 2021-07-08 02:37:27 · 192 阅读 · 0 评论 -
Vue学习Day3 v-for遍历、组件的key属性、列表点击变色案例、书籍购物车案例
1.v-for使用2.key3.列表小案例4.购物车小案例原创 2021-07-07 01:50:45 · 459 阅读 · 0 评论 -
Vue学习Day2 v-bind动态绑定属性、计算属性、v-on事件监听、v-if、登陆切换小案例、v-show
学习Vue.js的第二天 1.v-bind2.计算属性3.事件监听4.登陆切换小案例5.v-show原创 2021-07-06 02:49:20 · 260 阅读 · 0 评论 -
对Vue的生命周期的理解
1.生命周期是什么2.生命周期过程图3.Vue的生命周期钩子函数4.测试钩子函数原创 2021-07-04 22:17:35 · 369 阅读 · 2 评论 -
Vue学习Day1 vue安装、vue体验程序、vue中的MVVM、vue的生命周期、vue的一些简单指令
1. Vue.js 安装2. Vue程序初体验3. Vue中的MVVM4. Vue的生命周期5. Vue的部分指令原创 2021-07-04 22:02:54 · 122 阅读 · 0 评论