![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 50
Code good g
热爱生活
展开
-
store状态管理
配置storeimport Vue from 'vue'import Vuex from 'vuex'//相当于java里面创建实体类Vue.use(Vuex);export default new Vuex.Store({ //状态 state: { //从localStorage里面获取值 userinfo: JSON.parse(localStorage.getItem("userinfo ")) // userinfo:原创 2021-09-21 13:23:46 · 266 阅读 · 0 评论 -
解决vue的跨域问题
哈哈哈哈原创 2021-09-20 15:47:05 · 670 阅读 · 0 评论 -
springboot和vue的整合(传递数据)
1.创建springboot项目,确保项目能正常运行2.创建vue项目,创建一个组件用于测试,还有一个路由,由于接口的跳转3.浏览器测试测试发现,后端的数据在前端可以获得。注意:axios这个包要先导进来,不然找不到接口;npm install axios要开启跨域注解 @CrossOrigin //解除跨域问题;...原创 2021-09-19 02:44:54 · 1374 阅读 · 0 评论 -
如何调用别人提供的API
如何调用别人提供的API?1:一般使用聚合数据提供的API:百度聚合数据,进入:2:一般是有用户名的直接登录,没有用户名的先进行注册。在搜索框中输入你想查找的API方面的关键字:例如:有关健康的点开任意一个,你将会看到:当你直接把接口地址复制到地址栏中,将会返回一些错误码:这是因为你没有申请数据。如果想使用该API,你必须先申请数据,得到一个Appkey:然后将请求实例中的appkey替换成你自己申请的APPLEY:再在地址栏中搜索:如果想更加清晰的查看,你可以使用在线Json格式化工具。原创 2021-09-18 13:34:03 · 4566 阅读 · 0 评论 -
Axions异步通信
目录Axios异步通信(通信框架为什么要使用Axios 【读音:xo】代码 初探axios先建立一个data.jsondemo07.html测试结果:Axios异步通信(通信框架Axios是一个开源的可以用在**浏览器端和NodeJS 的异步通信框架**,她的主要作用就是实现AJAX异步通信,其功能特点如下:从浏览器中创建XMLHttpRequests从node.js创建http请求支持Promise API [JS中链式编程]拦截请求和响应转换请求数据和响应数据原创 2021-05-31 11:38:24 · 519 阅读 · 0 评论 -
移动端H5封装一个 ScrollList 横向滚动列表组件,实现向左滑动
移动端H5封装一个 ScrollList 横向滚动列表组件,实现向左滑动原创 2023-09-16 23:18:07 · 839 阅读 · 0 评论 -
vue的前后端数据转换
vue中将后台返回的数字转换成对应的文字记录:因为工作需要,记录自己遇到的问题。问题:解决前端展示的是汉字男女,而且0,1,2,对应不同的汉字这种类型的问题。第一种方式::formatter=“statusFormatter” 主要是这个 ,格式化我们的数据<el-table:data="tableData"border> <el-table-column prop="status" :show-overflow-tooltip="true原创 2022-05-07 22:15:49 · 3013 阅读 · 0 评论 -
vue的数据展示,类型转换
目录vue中将后台返回的数字转换成对应的文字vue中将后台返回的数字转换成对应的文字前端展示的是汉字男女,而且0,1,2,对应不同的汉字:formatter=“statusFormatter” 主要是这个 ,格式化我们的数据<el-table:data="tableData"border> <el-table-column prop="status" :show-overflow-tooltip="true" label="原创 2022-05-01 12:31:34 · 1216 阅读 · 0 评论 -
vueh和vuex的学习
vue的路由:导入路由import VueRouter from 'vue-router';使用路由//使用路由Vue.use(VueRouter);配置路由模式 //路由模式要加#,开启这个之后就不用加# mode: 'history',配置路由的模式,路径就不用加#路由的配置//整合所有路由的仓库 routes: [{ //登录页相关路径 //:name 是一种取值方式 path: '/index/:name',.原创 2021-10-11 17:37:01 · 665 阅读 · 0 评论 -
vue-cli项目创建
第一个vue-cli项目什么是vue-clivue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板; 预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个估计项目就是脚手架,我们的开发更加的快速;项目的功能统一的目录结构本地调试热部署单元测试集成打包上线需要的环境Node.js:http://nodejs.cn/download/【就是服务器端的JS】安装就是无脑的下一步就好,安装在自己的环境目录下Git:ht原创 2021-09-23 17:11:49 · 66 阅读 · 0 评论 -
vue环境搭建
新建vue.config.js文件,进行项目配置module.exports = { devServer: { proxy: { //配置跨域 '/api': { target: 'http://localhost:8081/', //这里后台的地址模拟的;应该填写你们真实的后台接口 changOrigin: true, //允许跨域 pathRewrite原创 2021-09-20 19:20:34 · 75 阅读 · 0 评论 -
vue框架学习博客
1.狂神的学习笔记【总】原创 2021-09-04 19:20:02 · 93 阅读 · 0 评论 -
第一个vue组件【笔记】
目录第一个Vue组件什么是组件代码组件练习 demo06数据跳转和传递的过程:案例结果:第一个Vue组件什么是组件组件是可复用的Vue实例,说白了就是一组可以重复使用的模板,跟JSTL的自定义标签、Thymeleaf的th:fragment 等框架有着异曲同工之妙。通常一个应用会以一棵嵌套的组件树的形式来组织:注意:在实际开发中,并不会用以下方式开发组件,而是采用vue-cli创建.vue模板文件的方式开发,下面只是为了理解什么是组件。Vue.component()方法注册组件 【测试用这个来原创 2021-05-31 11:27:46 · 87 阅读 · 0 评论 -
双向绑定【笔记】
目录数据的双向绑定:代码dome:案例输出结果:数据的双向绑定:代码dome:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>双向绑定</title> <!--1.导入vue.js--> <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21原创 2021-05-31 11:17:29 · 97 阅读 · 0 评论 -
vue语法【笔记】
这里写目录标题为什么要使用MVVMVUE基础语法学习代码 demo2.html案例结果:代码 demo03.html测试结果:代码demo04案例测试结果:为什么要使用MVVMMVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model),有几大好处低耦合:视图(View)可以独立于Model变化和修改,一个ViewModel可以绑定到不同的View上,当View变化的时候Model可以不变,当Model变化的时候View也可以不变。可复用:你可以把一些视图逻辑放在一个View原创 2021-05-31 11:09:08 · 90 阅读 · 0 评论 -
vue的第一个程序【笔记】
输出是{{}} 两个大括号,相当于jq里面#{} 这样子,可以获得数据板块里面的数据data,通过v-model这个中间件来进行传值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!--1.导入vue.js--> <script src="https://cdn.原创 2021-05-31 10:53:21 · 51 阅读 · 0 评论