Vue2 经验总结
关注
分享
扫一扫
分享使用经验总结
白怀宇
这个作者很懒，什么都没留下…
展开
-
1. Vue input 控件复用问题
input控件复用问题问题现象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue input控件复用</title></head><body><div id="app"> <h2>input控件复用</h2> <div v-if="isUsername"原创 2020-06-21 17:19:01 · 532 阅读 · 0 评论 -
2. Vue 修改数组内容不响应问题
Vue 修改数组内容不响应问题问题现象<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue 修改数组内容不响应问题</title></head><body><div id="app"> <ul> <li v-for="item in list">{{ item原创 2020-06-21 17:28:36 · 1014 阅读 · 0 评论 -
3. Vue 编程式路由跳转多次点击报错问题
Vue 编程式路由跳转多次点击报错问题概述使用编程式路由进行跳转时，控制台报错，如下所示。问题分析该问题存在于Vue-router v3.0之后的版本，由于新加入的同一路径跳转错误异常功能导致。解决方法重写 $router.push 和 $router.replace 方法，添加异常处理。//pushconst VueRouterPush = VueRouter.prototype.pushVueRouter.prototype.push = function push (t原创 2020-06-21 17:30:52 · 1089 阅读 · 0 评论 -
4. Vue CSS文件的导入
Vue CSS文件的导入js 导入外置css文件import '路径'css 带入外置css文件（推荐使用）@import "路径";原创 2020-06-21 19:39:41 · 219 阅读 · 0 评论 -
5. Vue 计算属性使用经验总结
Vue 计算属性使用经验总结一、计算属性不能改变给外部变量进行赋值操作二、计算属性与函数主要区别与应用计算属性与函数主要区别计算属性有缓存，返回值不变的情况下不用进行重新计算，函数每次都重新进行计算；计算属性在数据改变时对返回值进行重新计算，函数则在函数调用时进行计算，数据改变时不自动计算；计算属性主要应用用于动态设置样式<!DOCTYPE html><html lang="en"><head> <meta charset="原创 2020-06-21 21:19:00 · 507 阅读 · 0 评论 -
6. Vue Hover实现
Vue Hover 实现使用Vue代码动态实现CSS中的 hover 属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue Hover实现</title> <style> #box { width: 100px; height: 100px; } </style></hea原创 2020-06-24 10:56:17 · 594 阅读 · 0 评论 -
7. Vue iconfont 编码转换
Vue iconfont 编码转换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue iconfont 编码转换</title> <link rel="stylesheet" href="./iconfont/iconfont.css"> <style> body { margin: 0; p原创 2020-06-24 13:55:00 · 611 阅读 · 0 评论 -
8. Vue methods和computed中不能使用箭头函数
Vue methods和computed中不能使用箭头函数概述在 Vue 的 methods 和 computed 中不能使用箭头函数，箭头函数中的 this 会指向 windows 而非 Vue 的实例。示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Vue methods和computed中不能使用箭头函数</title&g原创 2020-06-25 11:06:57 · 1299 阅读 · 2 评论 -
9. Vue 通用项目配置
Vue 通用项目配置按照如下所示创建目录结构 配置通用css文件npm install normalize.css --save在 assetc/css 路径下创建 base.css@import "~normalize.css";// ...在 App.vue 中加载 base.css 文件<style> @import "~@/assets/css/base.css";</style>Axios 封装npm install axio原创 2020-07-02 21:03:39 · 296 阅读 · 0 评论