小毛驴的博客

1.pc页面在IE11报错最近在做PC端的页面，引入了three.js（3d动画）和vue-baidu-map（百度地图）以及vue-awesome-swiper（定制轮播，采用了高版本的swiper），在chrome浏览器和edg是没有问题的，但是在ie11以及下是不行的，并且因为报错阻塞了页面一些业务逻辑的运行。先来看一下在IE11中的报错（这里只举例引入vue-awesome-swiper引发的错误）看到错误信息：2.错误原因可以看到是因为引入swiper（vue-awesome-swi

1.vue中设置Axios跨域axios已经成为Vue官方推荐的ajax获取后台数据的方式，但是在使用中我们需要解决axios的跨域问题，我们在这里以vue-cli的2.x版本为例，来解决axios的跨域问题。config/index.js中 我们通过设置dev配置的proxyTable来实现代理dev: { // Paths assetsSubDirectory:...

此方法可以自己本地写接口，自己打包vue-cli，然后测试打包后的文件是否正确。1.本地获取自己写到的node.js接口可能会遇到跨域的问题，可以看我的博客跨域问题1.1.在vue页面中引入自己node.js写的接口（关于node.js的教程可以看我以前的博客）<template> <div class="hello"> <h1&g...

vue-vli自带有开发和正式两个环境，但是我们有时是需要添加测试环境的1.增加测试环境1. 在package.json中添加test命令"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run ...

我之前的博客已将讲了使用Axios，现在我们拉看一看如何实现跨域我们这里还是使用Vue-cli 2.x版本1.跨域设置加入本地localhost访问接口http://12.3421.45:8080/会抱跨域的错误。 其实开发的话在webpack配置一下proxyTable就OK了，如下 在 config / index.jsdev: { 加入以下 proxyT...

子组件 ：<template> <div class=“son”> </div></template><script> export default { data(){ return { } }, methods:{ fn() { ale...

官网地址：https://github.com/axios/axios1.安装$ npm install axios2.在vue中全局引用以vue-cli为例，在main.js中 因为axios并不是vue自带的，所以我们不能用Vue.use（）， 只能将其赋值给vue的prototype，已达到所有页面都能够使用axios的目的import axios from '...

1.老版本的vue-cli在build/dev-server.js文件中 在const express = require（‘express’)；//获取更目录下的data.json的数据,并且设置接口const appData = require('../data.json');const foods = appData.foods;app.get('/getFoods',fu...

1.安装scss这些插件使我们使用scss所必须安装的 npm install node-sass --save-dev npm install sass-loader --save-dev npm install style-loader --save-dev 2.安装sass-resources-loader这个插件是我们想要全局引用scss所要...

1.安装scss这些插件使我们使用scss所必须安装的 npm install node-sass --save-dev npm install sass-loader --save-dev npm install style-loader --save-dev 2.安装sass-resources-loader这个插件是我们想要全局引用scss所要...

1.安装 axios使用npm：$ npm i axiso使用 bower$ bower instal axios使用cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>2.vue中引入2.1 局部引用假设我们要在hellow.vue中引用i...

因为开发是前后端同步的，所以前端有时需要自己模拟数据。这里是在vue2.0的vue-cli中模拟数据 我们在根目录下新建文件夹mock，存放我们的数据goodList.json在build文件夹下的webpack.dev.config.js中：// 引入各个文件const express = require('express')const app = express()cons...

官网：https://router.vuejs.org/zh-cn/因为我们更多的是利用vue+webpack搭建整个项目的框架（例如vue-cli），所以我们这里利用vue-cli讲解1.路由的介绍何为前端路由路由是根据不同的url展示不同的页面或内容前端路由就是把不同路由对应不同内容或者页面的任务放在钱前端，以前是服务端根据不同的url返回不同的内容何时使用前端路由...

1.父组件和子组件传值1.1 父组件向子组件传值子组件<template> <div> <button @click=&a

1.何为vue-cli简单来说就是Vue搭建的架子 API：https://github.com/vuejs/vue-cli2.安装全局安装vue-clinpm isntall -g vue-cli3.初始化创建项目vue init <template-name> <project-name>template-name为模板的...

Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。