万字血书Vue—路由
多个路由通过路由器进行管理。 前端路由的概念和原理 (编程中的)路由（router）就是一组key-value对应关系，分为：后端路由和前端路由 后端路由指的是：请求方式、请求地址和function处理函数之间的对应关系 在SPA程序中，所有组件的展示和切换都在这唯一的一个页面内完成，此时，不同组件 »
vue在.js文件中引入store和router问题
目录 在.js文件中引入store和router 在js文件中使用vue的router和store 总结 在.js文件中引入store和router 在js文件中使用vue的router和store 在js文件中引入vue的路由配置文件 或者 store文件 import sto »
vue在.js文件中引入store和router问题
目录 在.js文件中引入store和router 在js文件中使用vue的router和store 总结 在.js文件中引入store和router 在js文件中使用vue的router和store 在js文件中引入vue的路由配置文件 或者 store文件 import sto »
vue登录页面回车执行事件@keyup.enter.native问题
目录 vue登录页面回车执行事件@keyup.enter.native vue中回车键登录实现 总结 vue登录页面回车执行事件@keyup.enter.native <el-form ref="loginForm" :model="loginForm" :rules="loginF »
安装@vue/cli 报错npm WARN deprecated request@2.88.2问题
目录 安装@vue/cli 报错npm WARN deprecated request@2.88.2 产生错误的原因 解决步骤 以下附上VueCli的安装方法 vue/cli 安装出错的解决 解决 总结 安装@vue/cli 报错npm WARN deprecated request@ »
vue登录页面回车执行事件@keyup.enter.native问题
目录 vue登录页面回车执行事件@keyup.enter.native vue中回车键登录实现 总结 vue登录页面回车执行事件@keyup.enter.native <el-form ref="loginForm" :model="loginForm" :rules="loginF »
Vue中的@blur/@focus事件解读
目录 Vue的@blur/@focus事件 focus和blur事件，改变选中时搜索框的背景色 总结 Vue的@blur/@focus事件 @blur 是当元素失去焦点时所触发的事件 @focus是元素获取焦点时所触发的事件 <template> <d »
vue使用Vue.extend创建全局toast组件实例
目录 Vue.extend创建全局toast组件 关于vue.extend的理解应用 基本概念 官网基本示例 应用 总结 Vue.extend创建全局toast组件 src -> components -> Toast -> toast.vue <templ »
vue使用Vue.extend创建全局toast组件实例
目录 Vue.extend创建全局toast组件 关于vue.extend的理解应用 基本概念 官网基本示例 应用 总结 Vue.extend创建全局toast组件 src -> components -> Toast -> toast.vue <templ »
vue中如何去掉input前后的空格
目录 vue去掉input前后的空格 写一个去除input框空格的vue指令 使用方法 源码 总结 vue去掉input前后的空格 场景：在开发过程中，遇到表单填写，用户可以自由输入 截图举例： 这里，用户瞎输，填了几个空格，导致给后台发请求的时候，也带了好多空格，这种体验特 »
vue中如何去掉input前后的空格
目录 vue去掉input前后的空格 写一个去除input框空格的vue指令 使用方法 源码 总结 vue去掉input前后的空格 场景：在开发过程中，遇到表单填写，用户可以自由输入 截图举例： 这里，用户瞎输，填了几个空格，导致给后台发请求的时候，也带了好多空格，这种体验特 »
Vue实现全局的toast组件方式
目录 Vue全局的toast组件 1.创建toast组件 2.创建toast.js文件 3.安装并使用 vue自定义toast组件 使用 总结 Vue全局的toast组件 1.创建toast组件 <template> <div class="toas »
Vue实现全局的toast组件方式
目录 Vue全局的toast组件 1.创建toast组件 2.创建toast.js文件 3.安装并使用 vue自定义toast组件 使用 总结 Vue全局的toast组件 1.创建toast组件 <template> <div class="toas »
vue 动态样式绑定 class/style的写法小结
目录 简介： 字符串写法：类名不确定，要动态获取 对象写法：要绑定多个样式，个数确定，名字确定，但不确定用不用。 数组写法：要绑定多个样式，个数不确定，名字不确定。 style方法 （键值要用小驼峰命名法） 简介： 绑定样式： 1、class样式 »
vue 动态样式绑定 class/style的写法小结
目录 简介： 字符串写法：类名不确定，要动态获取 对象写法：要绑定多个样式，个数确定，名字确定，但不确定用不用。 数组写法：要绑定多个样式，个数不确定，名字不确定。 style方法 （键值要用小驼峰命名法） 简介： 绑定样式： 1、class样式 »
vue中使用v-if,v-else来设置css样式的步骤
推荐阅读： Vue的v-if和v-show的区别图文介绍 我们在使用vue项目开发时，v-if是使用的非常多的，在这里我们谈谈如何使用v-i来绑定修改css样式，使用的主要是双向数据绑定，即通过改变他的状态来改变他的样式，来个实例说明下： 第一步： 主要使用的 »
vue中使用v-if,v-else来设置css样式的步骤
推荐阅读： Vue的v-if和v-show的区别图文介绍 我们在使用vue项目开发时，v-if是使用的非常多的，在这里我们谈谈如何使用v-i来绑定修改css样式，使用的主要是双向数据绑定，即通过改变他的状态来改变他的样式，来个实例说明下： 第一步： 主要使用的 »
Vue的v-if和v-show的区别图文介绍
目录 一、v-if和v-show区别 二、生命周期 三、性能的差异 一、v-if和v-show区别 ① v-show严格意义来说其实是条件隐藏，直接在页面初始化的时候将DOM(对象模型)元素也初始化，因为它就是将它所在的元素添加一个display属性为none，如果条件符合就显示。a. 文 »
Vue的v-if和v-show的区别图文介绍
目录 一、v-if和v-show区别 二、生命周期 三、性能的差异 一、v-if和v-show区别 ① v-show严格意义来说其实是条件隐藏，直接在页面初始化的时候将DOM(对象模型)元素也初始化，因为它就是将它所在的元素添加一个display属性为none，如果条件符合就显示。a. 文 »
一文带你完全掌握Vue自定义指令
目录 准备：自定义指令介绍 试炼：实现v-mymodel 定义指令 应用实践：4个实用的自定义指令 权限控制 输入限制 内容处理 文件预览 试着自己实现 总结 准备：自定义指令介绍 除了核心功能默认内置的指令 (v-model 和 v-show等)，Vue 也允许注册自定义指令。注 »