estrusKing的博客

和路由 跳转时 页面上方 和 右上角 会有一个加载进度。

安装babel-plugin-transform-remove-console 项目打包去除console。是生产环境的话就放入transform-remove-console。建立一个生产环境配置数组来判断一下当前环境是否为生产环境，区分 development 和 production。如果只想在生产环境来去除console的话。在 bulid 执行中 会输出。在 serve 执行中 会输出。

在屏幕比例100%时 el-table添加border属性 使用作用域插槽 会不显示某侧的边框线，屏幕比例缩小或放大都展示。

可视化创建项目 桌面 输入 打开控制面板 然后输入 可视化指令：运行完 直接跳转到可视化界面，选择创建项目的路径点击下面的创建项目，项目完成可以保存预设 也可以不保存项目创建完成找到插件 右上角添加插件 搜索 选中 右下角 安装找到依赖 右上角添加插件 搜索 选中 右下角 安装进入到 码云 进行设置添加公钥 教程复制 修改成账号绑定的邮箱 然后 cmd 运行 这个指令点击完成 弹出框 输入账号密码

文章目录Vue指令Vue 事件Vue中key属性的作用 （考点）数组更新检测对象更新检测Class 与 Style 绑定表单输入绑定计算属性和侦听器组件注册Prop传递数据自定义事件 -- 子传父插槽Vue指令指令：就是以 v-指令=‘表达式’模板语法 - 表达式作用：获取vue数据 显示视图 模板语法来声明式地将数据渲染进 DOM语法：{{ js表达式 }}v-html=‘表达式’插入HTML数据 解析html代码 识别标签    &nbs

vue 获取 后台管理系统 当前登录用户 信息let name = ''name = localStorage.getItem("name");console.log( name ) //新增测试

Vue 路由 跳转【返回、刷新、跳转】this.$router.go(-1)this.$router.back()this.$router.pushthis.$router.replacethis.$router.go(-1)原页面表单中的内容会丢失；向前或者向后跳转n个页面，n可为正整数或负整数this.$router.go(-1)：后退+刷新this.$router.go(0)：刷新；this.$router.go(1) ：前进this.$router.back()原页表表单中的内

文章目录1. Vue.js实现的3D Tab菜单2.Vue.js 圆形CSS3渐变色拾取器3.Vue.js流程图插件 可自定义流程节点事件4.Vue.js任务列表 可本地存储任务数据5.Vue.js折线图表插件 支持数据分组统计6.基于Vue.js的Markdown编辑器7.基于Vue.js的冒泡排序模拟动画8.基于Vue.js的科学型计算器9.Vue.js 迷你音乐播放器10.VueJS美化版网页表格 表头固定可按列排序11.VueJS滑块组件，支持级联滑动和渐变色12.15个炫酷的CSS3加载动画图标1

文章目录1. Vue Select（制作表单）2. Vue Input Tag（向表单添加标签）3.Vue Dropdowns（Vue 下拉菜单）4. Vue Color（颜色选择添加到表单中）5. VueJS DatePicker（日期选择器）6. Vue Switches（切换开关）7. Vue Dropzone（拖放文件上传）8. Vue Circle Sliders（圆形滑块）9. Vue Phone Number（电话号码输入）特殊 react1. Vue Select（制作表单）官方地址：

回答一vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。vue会遍历此data中对象所有的属性并使用Object.defineProperty把这些属性全部转为gettter/setter而每个组件实例都有watcher对象会在组件渲染过程中把属性记录为依赖当依赖项的setter被调用时，会通知watcher重新计算，从而使它关联的组件得以更新回答二（推荐）在生命周期的 initState 方法中将 data、prop、method、computed、watch中的

github文档地址文章目录1. 安装2. main.js 中引用1. 安装npm install --save vue-monoplasty-slide-verify2. main.js 中引用import Vue from 'vue';import SlideVerify from 'vue-monoplasty-slide-verify';Vue.use(SlideVerify);页面中使用（封装，直接可以拿去用）<template> <div>

文章目录方法一方法二方法一1. 首先安装依赖包npm install --save qrcode2. mian.js引入//Vue使用QRCode插件，生成二维码import QRCode from 'qrcode'Vue.prototype.$QRCode = QRCode3. 使用封装（可以直接拿去用修改一下二维码大小）<template> <div> <canvas id="canvas"></canvas> &l

文章目录1.安装2.直接界面引入3.使用4.使用例子官方文档：https://www.npmjs.com/package/vue-wxlogin一个简单的微信登陆组件，方便组件化模块化工程化引入 组件中没有访问dom，并且没有使用hook，所以支持ssr使用参数与微信官方文档一致 url：https://developers.weixin.qq.com/doc/oplatform/Website_App/WeChat_Login/Wechat_Login.html1.安装npm ins

文章目录1、vue2-animate1、vue2-animate地址：https://www.npmjs.com/package/vue2-animate一个可以在你的网站中即用型跨浏览器动画库，非常适合主页、滑块和动画引导提示。这是Animate.css 的一个端口，用于 Vue.js 2.0/3.0 和Alpines.js 中的转换。尽管文档不符合标准，但具有前端开发经验的开发人员会发现使用它也很容易。便于使用响应式安装： npm i vue2-animate2、vue-kinesi

文章目录一、Vue基础1.1、介绍1.2、声明式渲染和组件化二、vue基础使用2.1、传统dom操作2.2、使用vue实现2.3、vue devtools工具安装2.4、Vue实现数据绑定的原理三、模板语法3.1、插值表达式3.2、指令四、常用指令4.1、v-cloak指令4.2、v-pre指令4.3、v-once指令4.4、v-if和v-show4.5、v-bind指令4.8、样式绑定4.8.1、class样式处理4.8.2、绑定style4.9、v-model五、过滤器 - filters六、混入 -

文章目录项目创建webpack@vue/cli核心指令选项全局API .特殊厲性实例属性与方法全局配置内置组件生态Vue-Router路由管理Vuex状态管理Vue-CU脚手架扩展项目创建webpack安装依赖： npm install webpack webpack-cli -D npm install vue -S npm install vue-router-S npm install vuex -S 安装加载器、插件等项目目录： public src components

文章目录封装Search组件搜索框App.vuemain.jsSearch.vuerouter 里的 index.jsstore 里的 index.js封装Tag组件并保持搜索记录App.vueTag.vue封装Cell组件App.vueCell.vueaxios搜索接口调用App.vue参考文件 目录整合封装Search组件搜索框App.vue<template> <div> <!-- 搜索页面 --> <!-- 搜索框 插槽 --&g

文章目录1、需求分析2、项目搭建2.1、创建后台管理系统2.2、创建客户端APP2.3、创建服务端3、开发服务端接口3.1、连接数据库3.2、封装数据模块对象3.3、设计接口3.4、封装CRUD（封装好的可以直接拿出来用）3.5、接口规范3.5.1、分类管理模块3.5.2、商品管理模块3.5.3、数据统计模块3.6 将来实现一个功能模块（上面理解，这个要会用）4、后台管理系统开发4.1、设计路由4.2、封装axios请求4.3、文件上传4.3.1、设计服务端文件上传接口4.3.2、设计前端上传组件4.4、富

案例要求使用 vue 完成案例；输入任务，按回车添加任务；点击复选框表示已经完成任务；点击删除任务；*{ margin: 0; padding: 0; list-style: none; } #app{ width: 300px; height: 1000px; margin: 50px auto; } #app>.top{ width: 100%; height: 20px; text-align:

文章目录安装vue指令内置指令自定义指令***全局指令******局部指令***选项全局API实例属性与方法特殊属性内置组件安装vue下载 vue.js文件，在项目中引用使用CDN（推荐链接到一个明确的版本号）<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>使用 NPM 手动搭建webpack （繁琐）①：创建项目文件夹，并在文件夹中 cmd②：npm ini

Node.jsNode.js什么是node.jsnode.js中的内置模块Node.js原生路由实现静态WebServer什么是服务器 -- （提供服务的机器）服务器可以用来做什么前后端不分离架构前后端不分离的好处前后端分离前后端分离的好处Express基础Express介绍Express创建服务器Generator生成器初始化项目Express目录结构Express中间件与中间件栈什么是中间件 用来处理（过滤）请求，最终为路由提供服务应用级中间件内置中间件路由中间件第三方中间件中间件模板引擎EJSEj

前端学习路线：从小白到大神的一步之遥1.Node.js安装2.npm3.vue安装3.安装Vue CLI 脚手架4.安装axios在 `main.js` 中引入 `axios`在组件中使用 `axios`5.安装elementUImain.js引入：路由router1.Node.js安装首先：先从nodejs.org中下载nodejsnode.js 中文网node.js 外网打开cmd，输入命令， node -v。正常出现版本号，说明你已经安装成功了。2.npm默认安装完node之后

Vue 引入路径 import ××× from ‘×××’ 报错引入的文件名和地址都是正确的，但是还是报错误Already included file name ‘×××’ differs from file name ‘×××’ only in casing.这时候我们只要把文件名的后缀vue去掉就好了解决方案解决方式一：把文件名的后缀vue去掉就好了解决方式二：把路径前面的点改成@...

工具 Vue CLIVue CLI 是一个基于 Vue.js 进行快速开发的完整系统。CLI(全称：command-line interface，命令行界面)，在熟记命令的前提下，使用命令行界面往往要较使用图形用户界面的操作速度要快。Node.js安装npm安装首先：先从nodejs.org中下载nodejsnode.js 中文网node.js 外网找到安装路径 文件 然后双击安装，在安装界面一直Next，直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常