Vue学习笔记1
人类高质量vue学习笔记(六)
1 npm 常用命令 npm 是 Node.js 的包管理工具，主要用来安装各种库和依赖(插件)。1.安装依赖在讲解 npm 之前，我们先看一下 vue 脚手架项目的两个重要目录：node_modules 和 package.json。node_modules：主要用来存放我们下载的依赖。package.json：主要保存与项目相关的元数据，以及项目的依赖项、版本等。(1) 普通安装方式命令：np
日期 2023-06-12 10:48:40
Vue学习笔记之使用正则表达式提示Single character alternation in regex
0x00 概述在WebStrom中使用正则表达式，工具提示Single character alternation in regex0x01 问题Vue页面需要处理多选产生的列表，["a", "b", "c", "d"]复制转换成如下格式的字符串，入库a,b,c,d复制需要去掉 [ , ] , "
日期 2023-06-12 10:48:40
Vue2.4中$attrs和$listeners的使用-学习笔记
首先我们来看下面的一张图，图中表示一个多级组件嵌套的情形。现在我们来讨论一种情况，A组件与C组件怎么通信，我们有多少种解决方案？我们使用VueX来进行数据管理，但是如果项目中多个组件共享状态比较少，项目比较小，并且全局状态比较少,那使用VueX来实现该功能，并没有发挥出VueX的威力。使用B来做中转站，当A组件需要把信息传给C组件时，B接受A组件的信息，然后利用属性传给C组件，这是一种解决方案，但
日期 2023-06-12 10:48:40
Vue学习笔记之moment.js日期处理控件
0x00 概述本文主要记录moment.js日期控件在vue中的使用；moment可以方便的计算自然月或者自然年份，避免使用固定天数或者月份计算导致结束日期错乱问题。0x01 安装moment插件npm install moment --save复制 在package.json中查看（moment插件安装成功）在Vue的JS部分导入momentimport moment from 'mo
日期 2023-06-12 10:48:40Vue3学习笔记（四）——组件、生命周期
一、组件如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展，但如果，我们将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。如果我们将一个个功能块拆分后，就可以像搭建积木一下来搭建我们的项目。1.0、SPASPA指的是Single Page Application，就是只有一张W
日期 2023-06-12 10:48:40Vue.js 学习笔记 - 组件(Components)
Vue 组件注册Components 要确保在初始化根实例 之前 注册了组件全局注册：Vue.component('my-component', { template: '<div>A custom component!</div>' }) // 创建根实例 new Vue({ el: '#example'
日期 2023-06-12 10:48:40Vue-travel学习笔记
vue去哪网跟学笔记记录学习点滴1. 初始化项目1.1 手机显示配适minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" 阻止用户手滑发大缩小页面1.2 初始化样式 –>引入reset.css1.3 移动端多倍屏边框不准的问题 –> 引入 border.css1.4 解决click延迟300ms的问题 –> 引入 f
日期 2023-06-12 10:48:40Vue学习笔记之npm install编译时报"Cannot read properties of null (reading ‘pickAlgorithm‘)"错误
0x00 概述在启动项目时候，没注意node版本，直接npm install遇到该错误；该错误主要是由node高低版本导致的。0x01 node版本一致/** 1. 重新安装node解决 2. 删了node models重新下 或者直接下载CNPM（淘宝镜像）进行安装 CNPM安装办法 npm install -g cnpm -registry=https://regi
日期 2023-06-12 10:48:40Vue3学习笔记 Composition API和script setup 新搭档的好处是？
<script setup> 本质上是以一种更精简的方式来书写 Composition API。按昨天说的规范： 我们在src/components/新建Todolist.vue<template> <div> <h1 @click="add">{{count}}</h1> </div> &
日期 2023-06-12 10:48:40Vue3学习笔记 怎么实现动画效果？
有时候我们想做一些动画效果。过渡 transitioncss的属性transition 可以实现动画过渡效果。示例：点击按钮，让div的宽度变长。<template> <div class="box" :style="{width:width+'px'}"></div> <button @
日期 2023-06-12 10:48:40Vue3学习笔记
Vue31.Vite搭建Vue3项目全局安装 Vitenpm install -g create-vite-app复制使用 Vite 创建 Vue3 项目create-vite-app vue3-vite复制可以发现瞬间创建完成。运行cd vue3-vite npm install (or `yarn`) npm run dev (or `yarn dev`)复制vite冷服务热更新Rol
日期 2023-06-12 10:48:40Vue.js学习笔记
在执行 npm run dev 命令的时候出现8080端口被占用# 根据端口号，查找被占用端口的进程 id netstat -nao|findstr "8080" # 结束进程，2228 为进程 id taskkill /pid 2228 /F复制使用v-for指令遍历组件时产生警告，提示需要在组件上增加一个key属性当使用v-for指令遍历组件时，需要在组件上添加一个key
日期 2023-06-12 10:48:40
Vue2 技术栈(全家桶)学习笔记（尚硅谷 张天禹老师
推荐阅读： vue学习资料：vue笔记ppt整理(vue基础指令&vue基础语法)_南北极之间的博客-CSDN博客_vuepptvuejs基础语法：...https://blog.csdn.net/qq_22182989/article/details/94393963 Vue
日期 2023-06-12 10:48:40vue-router路由的安装、配置、具体用法和Vue-router学习笔记
官网： 安装 | Vue RouterVue.js 的官方路由https://router.vuejs.org/zh/installation.html#直接下载-cdn vue-router的基本用法 具体步骤： 安装vue-router npm install vue-router --save-dev
日期 2023-06-12 10:48:40Vue3学习笔记（七）—— 状态管理、Vuex、Pinia
一、状态管理 1.1、什么是状态管理？ 理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。我们以一个简单的计数器组件为例： <script setup> import { ref } from 'vue' // 状态 const count = ref(0) // 动作 function increment() { count.value++ }
日期 2023-06-12 10:48:40Vue3学习笔记（一）——MVC与vue3概要、模板、数据绑定与综合示例
一、前端MVC概要 1.1、库与框架的区别 框架是一个软件的半成品，在全局范围内给了大的约束。库是工具，在单点上给我们提供功能。框架是依赖库的。Vue是框架而jQuery则是库。 1.2、MVC（Model View Controller） MVC的核心理念是：你应该把管理数据的代码（Model）、业务逻辑的代码（Controller）、以及向用户展示数据的代码（View）清晰的分离开 模型
日期 2023-06-12 10:48:40测试开发之Vue学习笔记-Vue路由
Vue路由 18. Vue-路由基础 安装 cnpm install --save vue-router 官方文档：https://router.vuejs.org/zh/ src/main.js中 （1）引入VueRouter：import VueRouter from &
日期 2023-06-12 10:48:40Vue学习笔记——Vue中的ajax
4.1. 解决开发环境Ajax跨域问题 使用代理服务器 4.2.github用户搜索案例 4.2.1.效果 4.2.2接口地址 https://api.github.com/search/users?q=
日期 2023-06-12 10:48:40测试开发之Vue学习笔记-H5实例百度音乐
Vue实例 25. Vue-实例-音乐列表 示例： src/route.js CopyimportVuefrom'vue'importVueRouterfrom"vue-router"importIndexfrom"../pages/index"importMusicNav
日期 2023-06-12 10:48:40vue—你必须知道的 js数据类型 前端学习 CSS 居中 事件委托和this 让js调试更简单—console AMD && CMD 模式识别课程笔记（一） web攻击 web安全之XSS JSONP && CORS css 定位 react小结
vue—你必须知道的 目录 更多总结 猛戳这里 属性与方法 语法 计算属性 特殊属性 vue 样式绑定 vue事件处理器 表单控件绑定 父子组件通信 过渡效果 vue经验总结 javascript 经验总结 更多总结 猛戳这里 属性与方法 不要在实例属性或者回调函数中（例如,vm.$watch('a',
日期 2023-06-12 10:48:40
vue3学习笔记（异步组件，包含defineAsyncComponent、Suspense的使用）
异步组件 按需引入，用到的时候再加载，异步组件的引入需要用defineAsyncComponent进行注册。defineAsyncComponent工厂函数需要返回一个Promise对象
日期 2023-06-12 10:48:40vue学习笔记四：Jquery VS Vue之元素操作明细对照
系列文章目录 第一篇：Jquery VS Vue之差异比较概览 第二篇：Jquery VS Vue之元素操作明细对照 第三篇：Jquery VS Vue之事件监听明细对照 第四篇&
日期 2023-06-12 10:48:40Ant Design of Vue @1.7.8 学习笔记(Vue2版本)
0. 相关库版本 Vue 2.6.14 core-js 3.8.3 ant-design-vue 1.7.8 babel-plugin-import 1.13.5 less 3.13.1 less-loader
日期 2023-06-12 10:48:40