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-awesome2、Vue页面引入import 'import font-awesome/css/font-awesome.min.css'3、简单使用<i class="fa -fa-home fa-lg"></i>

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

1、安装axios依赖npm install axios2、带参数的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.jsimport 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-clinpm 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.js2、全局安装vue-cli(以上两步请自行百度……)2、新建Vue项目1、在命令行中输入 vue init webpack study_01 (其中study_01指的是项目的名称)点击回车后会出现以下配置信息，可参考图片中的配置进行Vue的相关配置。2、项目创建后的截图如下所示3、在命令行中输入，cd study_01，进入到新建的项...