【vue 学习笔记—axios(替代vue-resource)】的更多相关文章

vue 学习笔记—axios(替代vue-resource)

一.使用 1. 引入CDN的方式   https://unpkg.com/axios@0.16.2/dist/axios.min.js  或者 npm方式 npm install axios --save 2.API 二:详情 mounted(){//每次请求之前拦截// axios拦截 axios.interceptors.request.use(function(config){ console.log('request before'); return config; }); axios.…

Vue学习笔记十三：Vue+Bootstrap+vue-resource从接口获取数据库数据

目录 前言 SpringBoot提供后端接口 Entity类 JPA操作接口 配置文件 数据库表自动映射,添加数据 写提供数据的接口 跨域问题 前端修改 效果图 待续 前言 Vue学习笔记九的列表案例和Vue学习笔记十二vue-resource这两章结合一下,不在使用假数据了,这次从后台接口获取json数据. Vue前端框架提供交互逻辑处理 Bootstrap前端css提供美化渲染 SpringBoot后端提供接口 MySQL数据库提供数据 SpringBoot提供后端接口 由于前端第九章我都写…

Vue学习笔记七：Vue中的样式

目录 两种样式 class样式 内联样式 两种样式 Vue中使用样式方式有两种,一种是class样式,一种是内联样式也就是style class样式 class样式使用的方式有5种,HTML如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w…

vue学习笔记：在vue项目里面使用引入公共方法

首先新建一个文件夹:commonFunction ,然后在里面建立 一个文件common.js 建立好之后,在main.js里面引入这个公共方法 最后是调用这个公共方法 测试一下,我在公共方法里面写了一个简单的一段代码如下: export default{ login:function(){ console.log("1111"); }}12345如何在我的login.vue里面控制台输出了:1111,那就说明了我的引入是对的 如下: 好了,over------------------…

vue学习笔记-初始化一个vue项目(1)

1.cnpm install -g vue-cliUsage:vue init <template-name> <project-name> 2.我们一般使用webpack模版构建应用vue init webpack web04 3.安装vue-routercnpm install vue-router --save-dev4.npm run dev 简单的目录结构: |-index.html |-main.js 入口文件 |-App.vue vue文件,官方推荐命名法 |-pac…

vue学习笔记：Hello Vue

编写简单例子,了解下基本语法 <!DOCTYPE html> <html> <head> <meta charset="utf-8 "> <style> </style> </head> <body> <div id="app"> {{message}} </div> <script src="https://unpkg.com/v…

【Vue 学习笔记 一、Vue开发环境搭建】

搭建Vue的开发环境 1.首先安装Nodejs  (因为我的系统是Windows的所以就选择第一个了,这个看个人的开发环境) 下载好后,然后一路确定,如果有更改安装目录的需求,就自己切换安装目录,由于是从网吧写的这篇博客,所以就无所谓了 打开cmd  输入  node  --version 出现nodejs 的版本就成功了 !  然后下一步安装  cnpm (安装这目的主要是使用淘宝的国内进行,安装的比较块) 安装方法,从cmd 命令控制台中输入下面的命令 npm install -g cnpm…

Vue学习笔记-Django REST framework3后端接口API学习

一  使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7  (Windows x86-64 executable installer) 虚拟环境: virtualenvwrapper 开发框架: Django 2.2 二  Vue学习笔记-Djiang REST framework3 后端接口API学习 官网: https://www.django-rest-framework.or…

Vue学习笔记-2

前言 本文非vue教程,仅为学习vue过程中的个人理解与笔记,有说的不正确的地方欢迎指正讨论 1.computed计算属性函数中不能使用vm变量 在计算属性的函数中,不能使用Vue构造函数返回的vm变量,因为此时vm还未返回,依然处于Vue内部构造函数过程中,遂只能使用this来代替vm. 若要使用typescript,可使用以下方法来实现代码智能感知 vm = vm || this; 另:其他不能用vm变量,只能使用this变量的地方,都可以通过此方法来获得Typescript的智能感知和代码…

Vue学习笔记-1

前言 本文不是Vue.js的教程,只是一边看官网Vue的教程文档一边记录并总结学习过程中遇到的一些问题和思考的笔记. 1.vue和avalon一样,都不支持VM初始时不存在的属性 而在Angular里是可以支持的,因为angular采用脏检查的方式实现双向绑定,vue和avalon都是采用setter和getter实现双向绑定 例,如下代码在一秒后不会显示出"xxcanghai"的字样 <div id="app"> <h1>{{obj.tex…