GaoXiR的博客

import axios from 'axios' let base = ''; export const postRequest = (url, params) => { return axios({ method: 'post', url: `${base}${url}`, data: params, transformRequest: [funct...

使用v-loading在接口为请求到数据之前，显示加载中，直到请求到数据后消失。 //全局loading <template> <div v-loading="loading"> </div> </template> 在data 中定义初始化， loading: false，同时在mounted()中将 this.loading设置为tru...

1、添加font-awesome依赖 npm install font-awesome 2、Vue页面引入 import 'import font-awesome/css/font-awesome.min.css' 3、简单使用 <i class="fa -fa-home fa-lg"></i>

1、安装mock依赖 npm install mockjs -dev 2、页面引入 import Mock from 'mockjs' Mock.mock("http:localhost:8080/user",{ 'name': '@name',//随机生成姓名 'email': '@email',//随机生成邮箱 'age|1-10': '5',//年龄在1~10岁之间 }) ...

1、安装axios依赖 npm install axios 2、带参数的get请求的方式，通过 params 设置参数： axios.get('/user', { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(funct...

//1、安装依赖 npm i element-ui -S //2、导入项目 //在main.js中引入element //main.js import Vue from 'vue' import App from './App' import router from './router' import ElementUI from 'element-ui' import 'element-ui/...

//-g 表示全局安装 //升级或安装npm命令 npm install npm -g //升级或安装webpack命令 npm install webpack -g //升级或安装vue-cli npm install vue-cli -g

解决方式一： 如果是HTML页面引入的方式，可以看看是否是Vue.js引入的路径有问题。 <script src="../js/vue.js"></script> #注意这里Vue.js的路径 <script> new Vue() </script> 解决方式二： 如果使用npm构件的Vue项目，首先在项目构建完成后，使用npm run de...

1、下载安装Node Js。 Node Js提供的NPM依赖管理和编译打包工具使用起来非常方便，对于前端比较大型一些的项目还是采用NPM作为打包工具比较理想。要使用NPM，就需要安装NodeJS，下载地址: https://nodejs.org/en/download/ ，请选择本机电脑对应的下载32位或者是64位。下载完成后，进行安装，安装过程中，采用默认的步骤就行，唯一值得注意的是，安装路径是...

升级到最新版本https://blog.youkuaiyun.com/brain_bo/article/details/80673893

添加axios依赖： npm install axios 添加element-ui: npm i element-ui -S 添加 mockjs: npm install mockjs --save-dev

为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~ 目录 表单修饰符 事件修饰符 鼠标按键修饰符 键值修饰符 v-bind修饰符（实在不知道叫啥名字） 表单修饰符 填写表单，最常用的是什么？input！v-model~而我们的修饰符正是为了简化这些东西而存在的 .lazy <div> <input type="tex...

<input type="text" v-model="n1"> <select name="" id="" v-model="opt"> <option value="+">+</option> <option value="-">-</option> <option value="*...

v-model: 可以实现表单元素和Model中数据的双向绑定。常见的表单元素有: input、select、textarea。值得注意的是，v-model只能运行在表单元素中。 <h4>{{msg}}</h4> <input type="text" style="width:100%;" v-model="msg"> ...

1、" .stop “： 阻止冒泡，具体事例，在点击【戳他】按钮后，触发 input对应的函数 ‘btnHandler’，该函数执行完成后，会触发div的函数’ divHandler '，为了防止此类情况的发生，需要在Input的点击事件上添加” .stop "。 <div class="inner" @click="divHandler"> <!-- 使用 .st...

1、v-bind: 是Vue中提供用于绑定属性的指令，" v-bind: " 指令可以被简写为 " : "，其中用 “v-bind:” 绑定的属性中的值为data函数中的属性名，这个属性名可以理解为变量，在绑定的html属性中其还可以添加合法的Js表达式。 用法如下： <input type="button" value="按钮" v-bind:title="msg+ '123'">...

1、v-cloak: 标签属性能够解决插值表达式闪烁的问题，在style标签内设置[v-cloak]{display:none;} 2、插值表达式{{ 值 }}：在html标签中使用插值表达式{{ 值 }}，通过此方式可将data中的属性值以文本的形式显示在前端，插值表达式的前后都可以插入文本或者其他内容，在网页渲染时不会被覆盖，类似于占位符，同时它还有闪烁的问题需要配合v-cloak属性解决。 ...

1、环境搭建 1、安装node.js 2、全局安装vue-cli (以上两步请自行百度……) 2、新建Vue项目 1、在命令行中输入 vue init webpack study_01 (其中study_01指的是项目的名称) 点击回车后会出现以下配置信息，可参考图片中的配置进行Vue的相关配置。 2、项目创建后的截图如下所示 3、在命令行中输入，cd study_01，进入到新建的项...