项目初始化注意：安装前请确保有安装node.js，并且node>=8.9全局安装vuenpm install -g @vue/cli
如果之前安装了vue旧版本，查看vue –version创建项目vue create vue-cli3-init(项目名)
注：名称不能采用驼峰vue-cli3也可以采用UI面板进行配置，相对比较方便，目前先写命令行
......
319
0
0
2023-04-16
谈一下你对 MVVM 的认识mvvm ：Model-View-ViewModel的缩写， model数据层，数据模型，仅仅关注数据本身 View视图层是用户操作界面 也可称为，当ViewModel对Model进行更新的时候，会通过数据绑定更新到viewviewmodel 业务逻辑层 view需要什么数据 ViewModel要提供这个数据，view有哪些操作，
......
400
0
0
2023-04-16
目录组件效果使用文档封装过程1. 文件切片2. 构造切片请求参数3. 控制分片请求的并发完整代码待完善组件效果单文件切片上传多文件切片上传组件使用案例<template>
<div id="app">
<div class="upload-wrap">
<UploadSlice
......
396
0
0
2023-04-15
目录1.前言2.比较3.ref源码解析4.reactive源码解析createReactiveObjecthandles的组成get陷阱set陷阱5.总结1.前言 vue3新增了ref，reactive两个api用于响应式数据，Ref 系列毫无疑问是使用频率最高的
......
387
0
0
2023-04-15
vue2路由一、介绍本文是以前学习 vue2时整理的，对于目前的 vue3有些过时。专注后端，前端只作为使用学习。二、路由作用：用于维护URL跳转和页面之间的关系使用步骤：引入vue-router.js文件（必须先引入vue.js）配置路由规则，url和对应的页面的配置const routes = [{ path: "/", compontent: "组件"
......
456
0
0
2023-04-12
目录正文实现水印功能实现禁止用户修改水印正文页面水印业务相信我们都有遇过，为什么需要给页面添加水印？为了保护自己的版权和知识产权，给图片加上水印一般是为了防止盗图者用于商业用途，损害原作者的权益。那么在我们开发当中有什么方法可以实现呢？一般分为前端实现和后端实现这两种方法，本文主要是学习前端实现方法：方式一：直接将字体用块元素包裹，动态设置绝对定位，然后通过
......
408
0
0
2023-04-11
Vue Grid Layout官方文档Vue Grid Layout中文文档1. npm下载拖拽缩放库npm install vue-grid-layout@3.0.0-beta1 --save
2. vue3 使用 vue-grid-layout报错：external_commonjs_vue_commonjs2_vue_root_Vue_de
......
336
0
0
2023-04-11
目录1、编写node服务器2、用node连接数据库3、编写前端页面4、前后端交互结束ok，让我们开始吧1、编写node服务器先下载几个依赖包express（用于网络连接） npm i express --save
cors（用于处理跨域问题）npm i cors --save
接下来好还需要处理一下前端传过来的数据，对于get请求无需特殊处理，
......
319
0
0
2023-04-10
目录介绍安装使用突出显示单个元素高亮和弹出窗口定位弹出窗口创建功能介绍异步操作配置定义步骤API方法实战效果介绍https://github.com/kamranahmedse/driver.jsdriver.js 是一个轻量级、无依赖的原生JavaScript引擎，在整个页面中驱动用户的注意力，强大的、高度可定制的原生JavaScript引擎，无外部依赖，
......
369
0
0
2023-04-10
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 `yar
......
492
0
0
2023-04-09
目录正文何时会进行虚拟函数的创建和渲染？什么是VNode？前置须知ShapeFlags为什么要使用Vnode?Vnode是如何创建的？先是判断createBaseVNode 虚拟节点初始化创建render 渲染 VNodepatch VNodeprocessComponent 节点类型是组件下的处理subTree是什么？当节点的类型是普通元素DOM时候，pa
......
437
0
0
2023-04-09
先看一下最终要实现的效果:登录页面:注册页面:(1)引入element-plus组件库引入组件库的方式有好多种,在这里我就在main.js全局引入了.npm i element-plus -S
main.js中代码:import { createApp } from "vue";
//element-plus
import ElementPlus fr
......
1551
0
0
2023-04-09
目录简介： 字符串写法：类名不确定，要动态获取对象写法：要绑定多个样式，个数确定，名字确定，但不确定用不用。数组写法：要绑定多个样式，个数不确定，名字不确定。 style方法 （键值要用小驼峰命名法）简介：绑定样式： 1、class样式
......
365
0
0
2023-04-08
目录一. 场景再现二. 传递 Props三. provide 和 inject四. provide 的进阶用法五. 源码六. 思考题前言： 在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的 props 和 emit，其实在 Vue 中还额外提供了另外几种方法。今天分享一种组件之间通信的方法。一. 场景再现先别着急考虑标题这个 api 的含义。在
......
331
0
0
2023-04-07
目录准备：自定义指令介绍试炼：实现v-mymodel定义指令应用实践：4个实用的自定义指令权限控制输入限制内容处理文件预览试着自己实现总结准备：自定义指令介绍除了核心功能默认内置的指令 (v-model 和 v-show等)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM
......
268
0
0
2023-04-07