二十一.Vue解决跨域问题
1.问题描述 由于前后端分离开发,所以肯定会遇到跨域问题,一是开发环境中,二是生产环境中。 2.解决开发环境跨域 配置代理 vue.config.js里的proxy:"http://127.0.0.1:8080" 3.解决生产环境跨域 配置URL前缀 main.js里的axios.defaults.baseURL = '/ols_…
313 2020-03-04 去看看
十九.使用Vue脚手架
1.Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。 1. 安装3.x版本的Vue脚手架: npm install -g @vue/cli 2. 基于3.x版本的脚手架创建Vue项目: 1. 使用命令创建Vue项目 命令:vue create my-project 选择Manually select features(选…
210 2020-02-14 去看看
十八.Webpack中使用Vue
1.Webpack中使用Vue 运行cnpm i vue -S将vue安装为运行依赖; 导入vue import Vue from 'vue' 注意: 在 webpack 中, 使用 import Vue from 'vue' 导入的 Vue 构造函数,功能不完整,只提供了 runtime-only 的方式,并没有提供像网页中那样的使用方式; 方…
229 2020-02-13 去看看
十七.Webpack的使用
网页中引入的静态资源多了以后有什么问题??? 网页加载速度慢, 因为 我们要发起很多的二次请求; 要处理错综复杂的依赖关系 如何解决上述两个问题 合并、压缩、精灵图、图片的Base64编码 可以使用之前学过的requireJS、也可以使用webpack可以解决各个包之间的…
151 2020-02-13 去看看
十六.Vue监控数据
vue-监控数据 方式一:@keyup <input type="text" v-model="firstname" @keyup="getFullname"> methods: { getFullname() { this.fullname = this.firstname + '-' + this.lastname } } 方式二:watch 使用这个watch属性,可以监视 data 中指定数…
169 2020-02-12 去看看
十四.组件案例-评论列表
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>评…
150 2020-02-11 去看看
十三.Vue父子组件传值
父组件向子组件传值 组件实例定义方式,注意:一定要使用props属性来定义父组件传递过来的数据 <script> // 创建 Vue 实例,得到 ViewModel var vm = new Vue({ el: '#app', data: { msg: '这是父组件中的消息' }, components: { …
259 2020-02-11 去看看