
Vue2
文章平均质量分 71
Vue2学习
礼拜五了
A day without laughter is a day wasted.
展开
-
Vue2 - 实现异步请求与服务器代理配置
changeOrigin用于控制请求头中的host值==>修改访问时原始路径 (默认为true),目标服务器接收的发送端地址(即请求字段中的host字段):根地址会修改为与目标地址一致 localhost:500x,false则保持发送端的服务器地址 localhost:8080。流程:拿数据 => 直接向代理拿 =>当请求的资源在前端服务器下没有时 代理会通过vue.config.js文件中配置的devServer.proxy 目标服务器地址去请求数据,目标服务器再返回带代理,代理会自动返回到当前。原创 2023-02-20 19:48:13 · 1415 阅读 · 0 评论 -
Vue2 - 常用的UI库整理
https://element.eleme.cn/#/zh-CNhttps://vuetifyjs.com/en/getting-started/installation/https://www.iviewui.com/view-ui-plus/guide/introducehttps://muse-ui.org/#/zh-CNhttps://vuesax.com/docs/guide/https://buefy.org/documentation/starthttps://www.creative-tim原创 2023-02-15 16:55:17 · 962 阅读 · 0 评论 -
Vue2 - 使用第三方动画样式,实现过度动画
enter-active-class设置入场的效果,使用leave-active-class设置离场的效果。备注:若有多个元素需要过度,则需要使用:,且每个元素都要指定key值。使用enter-active-class和leave-active-class应用css动画。v-enter-active:进入过程中。v-leave-active:离开过程中。v-enter-to:进入的终点。v-leave-to:离开的终点。v-enter:进入的起点。原创 2023-02-15 16:39:05 · 373 阅读 · 0 评论 -
Vue2 - webStorage浏览器本地存储
xxxxxStorage.getItem(xxx)如果xxx对应的value获取不到,那么getItem的返回值是null。SessionStorage存储的内容会随着浏览器窗口关闭而消失。LocalStorage存储的内容,需要手动清除才会消失。存储内容大小一般支持5MB左右(不同浏览器可能还不一样)该方法接受一个键名作为参数,并把该键名从存储中删除。JSON.parse(null)的结果依然是null。该方法接受一个键名作为参数,返回键名对应的值。该方法会清空存储中的所有数据。原创 2023-02-15 14:38:58 · 293 阅读 · 0 评论 -
Vue2 - Router路由(简要)
浏览器的历史记录有两种写入方式:分别为push和replace,push是追加历史记录,replace是替换当前记录。理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。—— #及其后面的内容就是hash值。通过切换,“隐藏”了的路由组件,默认是被销毁掉的,需要的时候再去挂载。每个组件都有自己的$route属性,里面存储着自己的路由信息。作用:路由组件所独有的两个钩子,用于捕获路由组件的激活状态。作用:让不展示的路由组件保持挂载,不被销毁。原创 2023-02-15 14:38:15 · 1460 阅读 · 0 评论 -
Vue - 组件间的数据通信(数据传递/共享)
一种组件间通信的方式,适用于:子组件 ===> 父组件使用场景:A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中 )。绑定自定义事件:第一种方式,在父组件中: 或 ......mounted(){若想让自定义事件只能触发一次,可以使用once修饰符,或$once方法。触发自定义事件:this.$emit('atguigu',数据)原创 2023-02-14 21:51:37 · 320 阅读 · 0 评论 -
Vue2 - 开发环境准备
安装步骤:1、安装npm2、初始化脚手架。一、安装。npm是Nodejs下的包管理器原创 2023-02-13 23:16:15 · 120 阅读 · 0 评论 -
Vue2 - 使用 Vue脚手架(Vue CLI)开发
Vue 脚手架是 Vue 官方提供的标准化开发工具(开发平台)。CLI (@vue/cli) 是一个全局安装的 npm 包,提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目,或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。原创 2023-02-13 22:45:41 · 191 阅读 · 0 评论 -
Vue2 - 引入Element-UI组件样式
安装引入Element-UI组件样式。在终端cd到项目文件夹下安装npm i element-ui -S:Error: Cannot find module 'babel-preset-es2015' Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/wangjiabao/workspace/myProjects/project_Vue/study/28vUe-ui/no原创 2023-02-13 22:16:11 · 3857 阅读 · 1 评论