随笔分类 - vuejs
vue中 给对象添加属性并赋值
摘要：vue中对象的添加属性并赋值 如果在vue中给dataform={}中增加age属性并进行赋值 使用this.dataform.age='18', 会报this.dataform.age undefined 原因： 受现代 JavaScript 的限制 (以及废弃 Object.observe)，V
面试题vue组件的相关问题
摘要：面试题vue组件的相关问题 什么是组件 什么是组件:组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。一个页面可以由多个组件构成，一个组件可用于多个页面 vue框架中除了App.vue这个根组件外其余每个单个（.vue后缀的）页面就可以
子组件为父组件传递数据（使用自定义事件）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
父组件为子组件传递数据（数据校验）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
父组件为子组件传递数据（动态数据）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
父组件为子组件传递数据（静态数据）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
better-scroll 的使用（实现滑动，解决默认向上滚动一段距离，实现字母索引导航）
摘要：better-scroll 实现滑动页面 [下载] npm i better-scroll --save [引入] 在需要的文件里引入 import BScroll from 'better-scroll' [html结构] 一个大的.wrapper 和.content 注意，需要滑动的页面在一个d
动态绑定src找不到图片，地址报错
摘要：动态绑定src找不到图片，地址报错 直接用地址绑定src时，会被解析成字符串，地址会报错，需要加require, 加载本地图片时需要用require 梦幻联动 两年前的记录
vue动态添加类名
摘要：vue动态添加类名 1. 三元运算表达式 :class="show==true? 'style1':'style2'" 2.多个类名 使用Boolean值来判断类名是否生效 ：class="{votes:true,votes2:2>1}" 3. 多个类名，且有固定类名 :class="[owl,{
新建vue项目，解决首行爆红问题
摘要：新建vue项目，解决首行爆红问题 全局搜索：parserOptions 添加：requireConfigFile : false parserOptions: { parser: '@babel/eslint-parser', "requireConfigFile" : false }, 解决了AP
安装、卸载脚手架
摘要：1、安装、卸载 vue-cli2： 全局安装：npm install -g vue-cli 或 cnpm install -g vue-cli 卸载：npm uninstall -g vue-cli 或 cnpm uninstall -g vue-cli vue-cli3： 全局安装：npm ins
搭建vue脚手架
摘要：搭建vue脚手架 一般是安装全局脚手架，-g （如果电脑中有，可以不用安装，如果电脑中的脚手架不是自己想要的，可删除重新安装，详细步骤请参考） 适用于vue-cli3，vue-cliu4 npm install -g @vue/cli 创建项目 vue-cli2 vue init webpack i
点击各个按钮，在执行操作之前出现确认提示框
摘要：需求分析：点击各个按钮，在执行操作之前出现确认提示框 有的按钮是携带参数的，需要传两个参数判断，所以handDilog函数接受两个参数，第一个是储存他代表哪个方法，第二个参数是这个按钮获取的数据 点击弹框的确认按钮将执行对应的方法，用switch函数判断是哪个方法 <el-button type
Expected Number with value 8, got String with value "8".
摘要：Expected Number with value 8, got String with value "8". 看到控制台有这样的一行报错，仔细检查发现忘记加 冒号了： 如 <el-col :span=8>
在vue中如何获取元素
摘要：如何在vue中获取元素的dom节点 在vue的生命周期mounted的时候就已经渲染了dom节点 简单粗暴 <script> mouted(){ let elm = this.$el.querySelctor('#id) } </script> 使用ref 来获取 <div ref='box' @c
vue-router 路由守卫
摘要：全局的：进入任何一个路由都会执行 beforeEach(to, from, next)：进入路由前执行 // 在渲染该组件的对应路由被 confirm 前调用 // 不！能！获取组件实例 `this` // 因为当守卫执行前，组件实例还没被创建 beforeResolve(to, from, nex
解决多次跳转同一路由时报错
摘要：const originalPush = Router.prototype.push // 获取原型对象上的push函数 Router.prototype.push = function push (location) { // 修改原型对象中的push方法 return originalPush.
vue项目和小程序项目中的倒计时
摘要：倒计时 需求：同一账户连续登录失败2次，锁定该账户15分钟 后台做起来应该比前台简单，但是后台不做，那就拿到前台来做吧，主要是记录下来和小程序做下对比（语法）因为最近的项目在vue和微信小程序中来回跳转，今天vue项目，明天就是小程序项目，来回反复。 大致流程：点击登陆时，将账号密码验证码通过接口传
vue的性能优化问题
摘要：这是原文链接 前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项
vue的生命周期
摘要：vue的生命周期很重要，以前觉得会用就行，但是知其所以然能让学习事半功倍，今天详细整理了一下，重在理解记忆，明白生命周期就了解了vue的执行过程，以后用着再补充吧 vue生命周期分三个阶段 1.创建阶段（执行一次） 创建实例前：beforeCreated（组件实例化刚被创建，还没实例化之前，执行一些
