Vue笔记五
人类高质量vue学习笔记(五)
1. Axios Axios 和 Ajax 的作用一样，是一个用于发起异步请求的技术，它在 Vue 中被广泛使用。CDN 引入：<script src="https://unpkg.com/axios/dist/axios.min.js"></script> 复制发送 GET 请求：axios.get("http://localhost:808
日期 2023-06-12 10:48:40
Vue学习笔记2-安装Vue
Vue学习笔记2-安装Vue一、安装Vue.js 设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一个项目中。将 Vue.js 添加到项目中主要有四种方式：在页面上以 CDN 包的形式导入。 下载 JavaScript 文件并自行托管。 使用 npm 安装它。 使用官方的 CLI 来构建一个项目，它为现代前端工作流程提供了功能齐备的构建设置 (例如，热重载、保存时的
日期 2023-06-12 10:48:40
Vue学习笔记1-什么是Vue
Vue学习笔记1-什么是Vue一、什么是 Vue？渐进式 JavaScript 框架，一款用于构建 Web 界面，易学易用，性能出色且功能丰富的框架。Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面，无论任务是简单还是
日期 2023-06-12 10:48:40Vue笔记(4)
学习内容⊙ v-model双向绑定⊙ v-model结合radio⊙ v-model结合Checkbox⊙ 修饰符(lazy/number/trim)⊙组件化(重要)⊙ 父组件和子组件⊙ 语法糖注册组件⊙ 组件模板的分离写法v-model 表单控件在实际开发中是非常常见的,特别是对于用户信息的提交,需要大量的表单 Vue中使用v-model指令来实现表单元素和数据的双向绑定
日期 2023-06-12 10:48:40
Vue笔记(9) 脚手架
学习内容⊙ 脚手架的介绍⊙ 脚手架2.x的创建⊙ 脚手架3.x的创建⊙ 脚手架3修改配置文件脚手架的介绍安装: npm i -g @vue/cli安装完以后,如果我们还想用脚手架2功能,就要拉取2.x的模板 npm i -g@vue/cli -init vue脚手架2初始化项目: vue init webpack my-project 现在初始化一个2.x版本的项目 这时候会有很多选项要我
日期 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
VUE学习笔记——es6对象合并 数组转对象
大家好，又见面了，我是你们的朋友全栈君。测试数据let array = [ {name: 'Conan', age: 17, gender: true}, {name: 'Ran', age: 16}, {name: 'Sherry', age: 20} ];复制方法一：循环const arr = [{date
日期 2023-06-12 10:48:40Vue学习笔记之vue.js 两个等号 == 和三个等号===的区别 数字0和空字符串
/** == 用于比较两者是否相等，忽略数据类型 === 用于更严谨的比较，值和值的数据类型都需要同时比较 */复制<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view
日期 2023-06-12 10:48:40Vue学习笔记之Vue判断字符串（或数组）中是否包含某个元素
0x00 概述Vue判断字符串中是否包含某个字符串, 有如下方法。0x01 includes方法（数组，字符串都可以）var str = “Hello World!”; if(str.includes(“World”)){ }复制 数组兼用，举例如下：let animals = [“cat”, “dog”, “pig”, “deer”] animals.includes(“deer”) // tr
日期 2023-06-12 10:48:40Vue学习笔记之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:40Vue学习笔记之opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ]的问题
0x00 概述前端Vue项目启动报错如下：/** <s> [webpack.Progress] 10% building 0/1 entries 0/0 dependencies 0/0 modules node:internal/crypto/hash:67 this[kHandle] = new _Hash(algorithm, xofLen); ^ Error: error:
日期 2023-06-12 10:48:40Vue学习笔记(三)
Vue 学习笔记(三)1. 插槽插槽允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽。我们使用标签时，开始标签和结束标签之间之前都没有写东西。组件的标签和正常的双标签，如 div、p 等一样，可以在里面写东西。但是，直接在里面写，会发现，写的东西不会显示出来，也找不到了，被丢弃了。其实这个也挺好理解的，组件本来就有东西了，vue 又不知道你写的东西要插到哪里去。所以，vue 提供
日期 2023-06-12 10:48:40Vue3.0踩坑笔记
监听路由变化踩坑：由于route.path是异步获取当前path,导致页面刷新并不能保持menus正确的active。 解决方案：使用watch监听当前path，可拿到最新的path1 const selectedKeys = ref([]); 2 3 // 监听路由变化,更新menus当前选中 4 watch( 5 () => route.path, 6
日期 2023-06-12 10:48:40Vue-Router学习笔记，持续记录
前端路由1. hash 模式随着 ajax 的流行，异步数据请求交互运行在不刷新浏览器的情况下进行。而异步交互体验的更高级版本就是 SPA —— 单页应用。单页应用不仅仅是在页面交互是无刷新的，连页面跳转都是无刷新的，为了实现单页应用，所以就有了前端路由。 类似于服务端路由，前端路由实现起来其实也很简单，就是匹配不同的 url 路径，进行解析，然后动态的渲染出区域 html 内容。但是这样存在一
日期 2023-06-12 10:48:40SortableJS / vue.draggable.next 使用笔记，持续记录
起步东西确实是好东西，奈何一开始文档没捋清，费了一番时间好好琢磨了一下。Github：https://github.com/SortableJS/vue.draggable.next，完整代码如下：<draggable v-model="myArray" group="people" @start="drag=true
日期 2023-06-12 10:48:40Vue.js 滑动拼图验证码实现笔记
背景关于验证码的使用场景还是非常多的，很多网站上的验证码可谓是五花八门，下面是我使用Vue.js实现滑动拼图验证码做的一个笔记。效果展示准备工作访问KgCaptcha网站，注册账号后登录控制台，访问“无感验证”模块，申请开通后系统会分配给应用一个唯一的AppId、AppSecret。提供后端SDK来校验token(即安全凭据)是否合法 ，目前支持PHP版、Python版、Java/JSP版、.Ne
日期 2023-06-12 10:48:40Spring boot+vue前后端开发学习笔记2详解编程语言
2编写后端接口 利用Springboot编写后端接口 在idea中创建出一个新的SpringBoot工程，取名为SpringBootTest 在如图所示的位置添加三个目录分别为 controller entity 以及repository 在entity中建立数据库表的映射 之后再进入Repositoy目录 建立接口此处直接继承JpaRepository 做完之后可以先进行测试看一下接口的
日期 2023-06-12 10:48:40Vue笔记：封装Echarts
Echart.vue组件的封装 data中是固定属性，props中定义动态参数，是父组件获取数据时传递到子组件的参数，xData为横坐标轴数据，series为Echarts的series数据，isAxisChart为是否带有坐标轴。 <template> <div style="height: 100%" ref="echart"> echar
日期 2023-06-12 10:48:40Vue笔记：Vuex
Vuex 官方文档：https://vuex.vuejs.org/zh/guide/ Vuex是一个专门为Vue.js应用程序开发的状态管理模式, 它采用集中式存储管理所有组件的公共状态, 并以相应的规则保证状态以一种可预测的方式发生变化. Vuex核心 state：存放数据状态 mutations：定义对state成员的同步操作 getters ：定义state成员的计算
日期 2023-06-12 10:48:40Vue笔记：vue-router
目录 路由介绍 路由的基本配置 路由跳转 动态路由 嵌套路由 vue-router中的$route和$router 路由介绍 SPA(single page application):单一页面应用程序，只有一个完整的页面；它在加载页面时，不会加载整个页面，而是只更新某个指定的组件。 单页面应用(SPA)的核心之一是:更新视图而不重新请求页面;vue-router在实现单页面前端
日期 2023-06-12 10:48:40vue笔记
1.样式加scoped属性的作用： <style> 标签添加了 scoped 属性，只作用于当前组件中的元素， 2.如何更改第三方组件的样式：用/deep/ 使用深度作用选择器/deep/，使用方式：将/deep/ + space空格 添加在第三方样式类的前面。如果是使用less语法的话，直接在第
日期 2023-06-12 10:48:40慕课网前端项目：Vue2.0+Node.js+MongoDB全栈打造商城系统 笔记 整理【6/18】
第六章： 第6章1商品列表组件拆分.wmv2商品列表数据渲染.wmv3实现图片懒加载.wmv 正式开始项目开发： slot
日期 2023-06-12 10:48:40vue学习：xmg vue学习笔记1/14代码案例
ppt笔记参考：https://blog.csdn.net/qq_22182989/article/details/94393963 **************************** 官网：下载vuejs： https://cn.vuejs.org/v2/guide/installation.html
日期 2023-06-12 10:48:40vue读书笔记变量绑定
我们看到官方的示例 <div id="counter"> Counter: {{ counter }} </div> const Counter = {
日期 2023-06-12 10:48:40vue读书笔记开发环境搭建
安装vue cli npm install -g @vue/cli 安装vue vue create my-project 安装过程中有可能因为网络的原因导致失败，需要更换淘宝源 npm
日期 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: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:40全面总结 Vue 3.0 的新特性！手把手教你如何入门Vue3.0（适合小白的保姆级教程）【尚硅谷vuejs3.0笔记】
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：Re
日期 2023-06-12 10:48:40慕课网前端项目：Vue2.0+Node.js+MongoDB全栈打造商城系统 笔记 整理【4/18】
第四章： vue-resource 上面打错了、应该是： cnpm i vue-resource -s 安装vue-resource cnpm i vue-resource --save 新建文件vue-resource.html 引入vue.js和vue-resource.js
日期 2023-06-12 10:48:40vue学习笔记（超详细）
文章目录 一. Vue基础认识Vue.jsVue安装方式Vue的MVVM 二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合v-onv-for遍历数组v-model表单绑定
日期 2023-06-12 10:48:40Vue学习笔记——vue-router
6.1.相关理解 6.1.1.vue-router的理解 vue的一个插件库，专门用来实现SPA应用 6.1.2.对SPA应用的理解 但也Web应用（single page web app
日期 2023-06-12 10:48:40