vue2 - 随笔分类 - 发奋图钱小菜鸡

Vuex的应用

摘要：以下是通过安装插件的方式创建相关的仓库, 实际上可以通过vuecli创建选中vuex的方式自动创建的,类似于路由的使用提供数据(往仓库中存放数据) 获取数据通过辅助函数的方式简化代码使用仓库的数据(本质上是计算属性的用法) 修改仓库数据传惨: (只能有一个参数) 如果要传递多个参数,就采用复杂阅读全文

posted @ 2024-01-15 01:35 发奋图钱小菜鸡阅读(4) 评论(0) 推荐(0) 编辑

ESLint自动修正代码规范错误

摘要：为了统一代码的规范,便于维护,美观, 我们要遵循先关代码规范步骤1, 安装ESLint插件步骤2,设置自动修正 // 当保持的时候，eslint自动帮我们修复错误 "editor.codeActionsOnSave": { "source.fixAll": true }, // 保持代码，不自动阅读全文

posted @ 2024-01-14 02:11 发奋图钱小菜鸡阅读(126) 评论(0) 推荐(0) 编辑

基于VueCli自定义创建项目

摘要：前面学习的一些router封装,相关文件夹的创建,现在可以通过脚手架自动创建,简化了很多步骤1, 使用shell命令选择项目目录vue create xx-project 步骤2, 步骤3 路由模式默认是hash模式, history模式需要服务器端相关配置支持, 这里选n, 后面有需要可以在配阅读全文

posted @ 2024-01-13 20:51 发奋图钱小菜鸡阅读(10) 评论(0) 推荐(0) 编辑

路由重定向

摘要：编程式导航应用场景如: 点击按钮跳转 name命名路由跳转传参的两种方式(获取传递参数的有所不同) 如果有多个参数的时候,使用query的方式更好阅读全文

posted @ 2024-01-04 00:50 发奋图钱小菜鸡阅读(7) 评论(0) 推荐(0) 编辑

声明式导航(router-link)-跳转传惨

摘要：阅读全文

posted @ 2024-01-04 00:03 发奋图钱小菜鸡阅读(2) 评论(0) 推荐(0) 编辑

router-link的使用

摘要：router-link的两个类名太长, 你也可以自定义这两个类名对应的样式阅读全文

posted @ 2024-01-03 01:32 发奋图钱小菜鸡阅读(5) 评论(0) 推荐(0) 编辑

路由的使用

摘要：根据vue的版本下载对应版本的vueRouter 口诀: 233, 344 步骤: 5+2 组件的目录存放问题问题: 以上所有的路由配置都写在了main.js中, 随着项目的复杂, 这个文件就很乱合适吗? 以上把main.js的路由配置抽离到了src/router中路径发生了改变,注意路径的变化阅读全文

posted @ 2024-01-03 01:29 发奋图钱小菜鸡阅读(9) 评论(0) 推荐(0) 编辑

单页应用程序&路由介绍

摘要：阅读全文

posted @ 2024-01-03 01:07 发奋图钱小菜鸡阅读(3) 评论(0) 推荐(0) 编辑

Vue 插槽

摘要：默认插槽：默认内容具名插槽 (可以定制多处内容) 作用域插槽(不属于插槽的分类, 是插槽的一种传参语法) 阅读全文

posted @ 2023-10-15 03:03 发奋图钱小菜鸡阅读(3) 评论(0) 推荐(0) 编辑

Vue 自定义指令 - v-loading指令封装

摘要：![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231015021918308-1080774369.png) 阅读全文

posted @ 2023-10-15 02:57 发奋图钱小菜鸡阅读(24) 评论(0) 推荐(0) 编辑

Vue 异步更新和$nextTick

摘要：使用延时器也是可以实现的，但是等待的时间不确定，不是最优解，使用钩子函数update，可能会被其他元素的更新，触发了不该有的动作阅读全文

posted @ 2023-10-14 03:49 发奋图钱小菜鸡阅读(6) 评论(0) 推荐(0) 编辑

Vue ref和refs获取dom组件

摘要：一般情况下通过正常的查找dom元素的方法是查找整个页面的，加上ref就可以把查找范围控制在当前组件中：结合前面讲的父子组件通信，使用ref去调用组件的方法去获取设置数据不就更方便吗？阅读全文

posted @ 2023-10-14 01:33 发奋图钱小菜鸡阅读(20) 评论(0) 推荐(0) 编辑

Vue sync修饰符

摘要：和v-model 作用类似就是简写触发相应的时间，但是v-model是固定的写法，使用sync就类似重命名：阅读全文

posted @ 2023-10-14 01:16 发奋图钱小菜鸡阅读(6) 评论(0) 推荐(0) 编辑

Vue v-model详解

摘要：：阅读全文

posted @ 2023-10-14 01:02 发奋图钱小菜鸡阅读(15) 评论(0) 推荐(0) 编辑

Vue 组件通信 --非父子通信

摘要：：消息订阅是一对多的关系，发送方发送消息，监听方只要监听了都可以接收到消息：跨层级的共享数据：阅读全文

posted @ 2023-10-11 02:29 发奋图钱小菜鸡阅读(2) 评论(0) 推荐(0) 编辑

Vue组件通信父子通信

摘要：![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231011014517927-1524444392.png) ![](https://img2023.cnblogs.com/blog/2908001/202310/2908001-20231011014600841-1964062601.png) ![](https:// 阅读全文

posted @ 2023-10-11 02:11 发奋图钱小菜鸡阅读(4) 评论(0) 推荐(0) 编辑

Vue 组件的数据data是一个函数

摘要：跟以前的data:{ xxx : xxx }的写法是不一样的：阅读全文

posted @ 2023-10-11 01:44 发奋图钱小菜鸡阅读(2) 评论(0) 推荐(0) 编辑

Vue组件的样式冲突 scoped

摘要：：阅读全文

posted @ 2023-10-11 01:35 发奋图钱小菜鸡阅读(6) 评论(0) 推荐(0) 编辑

Vue组件化开发

摘要：: 普通组件的注册-局部注册：快捷方式生产组件模版<vue + 回车键：：普通组件的注册-全局注册：阅读全文

posted @ 2023-10-10 02:25 发奋图钱小菜鸡阅读(4) 评论(0) 推荐(0) 编辑

vue-cli创建的项目目录结构

摘要：阅读全文