vue 全家桶

news/2024/7/10 2:10:14 标签: vue

Vue全家桶:vue + vue - router + vuex +axios

Vue是一套用于构建用户界面的渐进式框架,和React,都自称自己只关注视图层

在文件中引入vue

如:<script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.2/vue.cjs.js"></script>

可在 https://www.bootcdn.cn/vue 中找到相关版本的 js

看一个Demo:
在这里插入图片描述
此时,如果页面显示了 Hello Vue!,说明是正常运行。

Vue - router:
功能:
1、嵌套的路由/视图表
2、模块化的、基于组件的路由配置
3、路由参数、查询、通配符
4、基于 Vue.js 过渡系统的视图过渡效果
5、细粒度的导航控制
6、带有自动激活的 CSS class 的链接
7、HTML5 历史模式或 hash 模式,在 IE9 中自动降级
8、自定义的滚动条行为

Vuex:
如同React有Redux一样,Vuex是一个专为Vue.js应用程序开发的状态管理模式,适合开发大型单页应用。
在这里插入图片描述
axios:
axios是一个基于Promise用于浏览器和node.js的HTTP客户端,它可以帮你:
1、从浏览器中创建 XMLHttpRequest
2、从 node.js 发出 http 请求
3、支持 Promise API
4、拦截请求和响应
5、转换请求和响应数据
6、取消请求
7、自动转换JSON数据
8、客户端支持防止 CSRF/XSRF

在创建项目时,要把axios安装上,安装命令 cnpm init axios --save
1.在main.js 进行全局配置
在这里插入图片描述
2.在vue中的操作
在这里插入图片描述


http://www.niftyadmin.cn/n/1521039.html

相关文章

浏览器登录_一键获取浏览器登录账号密码,慎重使用

大家好&#xff0c;我是赚黑客。今天&#xff0c;我为大家分享一个能够帮助你找回电脑上浏览器登录过账号密码的神器&#xff0c;该软件仅用于学习交流&#xff01;&#xff01;&#xff01;WebBrowserPassView软件介绍WebBrowserPassView&#xff0c;主要用于找回你在浏览器上…

记录———学习webpack原理的过程

1.1 打包的主要流程如下 需要读到入口文件里面的内容。 分析入口文件&#xff0c;递归的去读取模块所依赖的文件内容&#xff0c;生成AST语法树。 根据AST语法树&#xff0c;生成浏览器能够运行的代码 1.2 具体细节 获取主模块内容 分析模块 安装babel/parser包&#xff08;转A…

易语言超级列表框怎么设置文本颜色_抖音超火的快闪动画怎么做?手把手教你!三分钟学会...

大家在刷抖音的时候肯定经常会看到一些炫酷的快闪动画吧&#xff1f;是不是很好奇它是怎么制作出来的呢&#xff1f;今天小编要带给大家的就是一期快闪动画教程啦&#xff01;用最短时间&#xff0c;呈现出最多的内容&#xff0c;这就是快闪动画的特点&#xff0c;配上炫酷的音…

【MQ】如何保证RabbitMQ/Kafka的高可用

一、RabbitMQ的高可用 RabbitMQ基于主从模式实现高可用。它有三种模式&#xff1a;单机模式&#xff0c;普通集群模式&#xff0c;镜像集群模式。 1.单机模式 单机模式就是demo级别的&#xff0c;生产中不会有人使用。 2.普通集群模式 普通集群模式就是在多台机器上启动多…

当vue页面被浏览器解析后,在标签中出现data-v-xxx

在加着 scoped 后编译如下所示&#xff1a; 去掉 scoped 后编译如下所示&#xff1a;

htmlcss网页设计代码案例_推荐与分析5个优秀网页界面设计案例作品

判断一个设计师的风格把控能力和设计表现力&#xff0c;看他们的一个作品就知道底细。同样选择一个设计公司&#xff0c;也不需要对他们每一个作品都了解。一个作品就暴露了设计师的设计水平层次和对作品艺术的追求。那么如何看待一个作品是否有设计感呢&#xff1f;很多客户其…

【Flink】推荐两个不错的flink项目

https://www.jianshu.com/p/0460b336855a