![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
甜美河边的钓鱼人
田美村左岸的钓鱼人
展开
-
axios的基本使用
安装axios, npm install --save axios用于发送请求,记得要对后台进行跨域访问进行处理,不然无法访问:封装axios:import Axios from 'axios'/** * 第一种封装方式 * @param config * @param success * @param err */export function userServiceUrl(config, success, error) { const axiosInstance =原创 2020-07-30 13:55:32 · 291 阅读 · 1 评论 -
Vuex的使用
Vuex用于状态的管理,当组件树很复杂时,底层的组件需要用到外层的组件变量,会比较麻烦,可以使用vuex作为一个全局的管理,需要的时候,获取和修改。能够做到实时响应界面的刷新。多个组件:实现状态(变量)的共享,集中式管理,放到一处首先安装vuex:npm install --save vuex创建store.js,基本模块如下:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = n...原创 2020-07-29 21:32:28 · 80 阅读 · 0 评论 -
vue路由
我使用的vue-cli的版本市 @vue/cli 4.4.6首先创建项目: vue create myvue按照指示创建项目然后删除helloworld的代码,比如HelloWorld组件等创建Home.vue<template> <div> <h1>我要一步一步往上爬</h1> </div></template><script> export defau.原创 2020-07-28 10:29:22 · 84 阅读 · 0 评论 -
Vue插槽的使用
写死的组件,不太灵活,slot插槽,可以动态地往组件里加标签模块:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>slot</title></head><body><div id="app"> <!--不同的标签都可以扩展插入到组件里--> <my&原创 2020-07-24 10:32:57 · 112 阅读 · 0 评论 -
vue组件
组件感觉好像是自定义标签:全局组件,所有的vue实例都可以是使用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>component</title></head><body><div id="app"> <my></my></div><原创 2020-07-23 14:29:00 · 87 阅读 · 0 评论 -
Vue高价函数的使用和v-model
Vue这个filter, map , reduce函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>function</title></head><body><script src="../js/vue.js"></script><script>原创 2020-07-23 10:37:05 · 1548 阅读 · 0 评论 -
vue简单样例2
计算属性computed:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><div id="app"> <h2>班级总人数:{{totalPersonCnt0}}</h2> <h2&g原创 2020-07-21 10:41:31 · 89 阅读 · 0 评论 -
vue简单样例1
对象使用:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> .active { color: darkgreen; }</style><body><div id = "app"原创 2020-07-20 00:32:08 · 133 阅读 · 0 评论 -
Vue的简单样例0
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!-- 这里写相应的标签 --> <!-- 引入相应的依赖 --><script src="../js/vue.js"></script&...原创 2020-07-13 18:30:31 · 145 阅读 · 0 评论