vue

Vue.js是什么 Vue是一套用于构建用户界面的 渐进式框架 。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与 现代化的工具链 以及各种 支持类库 结合使用时，Vue也完全能够为复杂的单页应用提供驱动。 安装 Vue.js设计的初衷就包括可以被渐进式地采用。这意味着它可以根据需求以多种方式集成到一…

今天来记录一下vue动画的几种用法 一、使用过度类名 Vue 提供了 transition 的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡 在进入/离开的过渡中，会有 6 个 class 切换。 v-enter ：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。 v-enter-active ：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元…

说明 因业务需求需要有个6框连续输入的组件，这边是直接画了6个输入框，然后通过一些事件控制输入框的输入顺序，以及一些特殊处理。 效果 组件源码 <template> <div class="row-center captcha_input_wrapper"> <input v-for="(item,index) in captchas" :key="index" v-…

文章目录 背景 一个bug 错误的示范 正确地 `reset module state` 的姿势 方法一 方法二 总结 参考 附录 这是项目之前遇到的一个bug，最终发现是由于 reset Vuex state 不正确，污染了 initState 导致的，隐藏得还挺深的，在这里记录一下。 （PS：想直接看代码实现的同学可以从第三节， 正确地 reset module state 的姿势 开始看） …

需求：在一个vue项目工程下，需要部署两个项目甚至多个项目。 实现思路： 第一步：在vue.config.js文件中配置两个项目的入口 module.exports = { pages: { // index页面是必须的，作为主项目的入口页面 index: { entry: './src/main.js', template: './public/index.html' }, // partner…

一. 安装Node.js 1. 官网 下载nodeJS 2.下载完按提示一步一步安装 3.安装成功后如下图 4.配置环境变量： 4.1在安装目录下创建如下2 个目录文件 4.2.创建完，在cmd窗口中输入如下命令（两个路径对应两个文件夹的路径） npm config set prefix "D:\app\nodejs\node_global" npm config set cache "D:\ap…

先看一下echarts图表效果 图表只要resize就会随着页面比例的变化而变化，但是图表中的标识字不可以哦，官方api不接受rem，vh，vw来调整字体大小。 有两种解决办法，第一种是监听页面元素，根据屏幕大小来调整文字的大小，在resize里面重绘。 第二种办法就是我下面代码里面的方法，通过把fontsize设置成百分比的样式来等比例调整图表。 <template> <div…

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流 项目运行 环境配置： Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。 项目技术： Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。 环境需要 1.运行环境：最好是Nodejs最新版，我们在这…

https://github.com/staven630/vue-cli4-config​github.com vue-cli4 全面配置(持续更新) 细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。 不建议直接拉取此项目作为模板，希望能按照此教程按需配置，或者复制 vue.config.js 增删配置,并自行安装所需依赖。 vue-cli3 配置见 …

4.2 收集表单数据： 若： <input type="text"> ，则v-model收集的是value值，用户输入的就是value值； 若： <input type="radio"> ，则v-model收集的是value值，且要给标签配置value值； 若： <input type="checkbox"> ， 1.没有配置input的value属性，那么收集…