![](https://img-blog.csdnimg.cn/bc15c7cc4b21409f9968f256a5c13db4.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Vue
文章平均质量分 89
一起学习vue!
小宝的宝呢
新星计划第三季Python赛道Top4,Python领域实力新星获得者
好好学习,天天向上!我们一起努力!
展开
-
jwt相关问题及应用
目标①、jwt出现的原因及工作原理②、jwt工具类介绍,三种场景③、jwt与vuex配合在SPA项目中的应用1. JWT是什么JSON Web Token (JWT),它是目前最流行的跨域身份验证解决方案2. 为什么使用JWTJWT的精髓在于:“去中心化”,数据是保存在客户端的。3. JWT的工作原理①. 是在服务器身份验证之后,将生成一个JSON对象并将其发送回用户,示例如下: {"UserName": "Chongchong","Role": "Admin"...原创 2021-12-12 23:57:02 · 299 阅读 · 0 评论 -
Vue入门(Vue.js,库与框架,MVVM,BootCDN,Vue入门,数据双向绑定,vue事件,生命周期,钩子函数 )
1. Vue.js是什么? Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架 官网:https://cn.vuejs.org/ Vue作者:尤雨溪/中国无锡2. 库和框架的区别 2.1 库(Library),本质上是一些函数的集合。每次调用函数,实现一个特定的功能,接着把控制权交给使用者 代表:jQuery jQuery这个库的核心:DOM操作,即:封装DOM操作,简化DOM操作 2.2 框架(Framework),是一套完整的解决...原创 2021-10-29 20:12:35 · 542 阅读 · 0 评论 -
Vue路由与无痕浏览
课堂目标复制路径到页面<script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.5.2/vue-router.js"></script>注意:该路径一定要放到vue.js依赖下面步骤:1、确保引入Vue.vue-router的js依赖2、首先需要定义组件(就是展示不同的页面效果)3、需要将不同的组件放入一个容器中(路由集合)4、将路由集合组装成路由器5、将路...原创 2021-11-03 15:46:01 · 188 阅读 · 0 评论 -
Node.js环境搭建
目录一. Node.js是什么二. npm是什么三,nodeJS环境搭建 1、下载nodeJS的安装包 2、解压nodeJS的解压包,在根目录下新增两个文件夹node_global和node_cache 3、配置环境变量 5、下载github的Vue的项目解压 6、在解压的项目中是没有node_modules的,在工程的根目录下需要通过npm-install进行再次依赖下载(package.json) 7、在通过npm run d...原创 2021-11-04 11:02:38 · 91 阅读 · 0 评论 -
如何使用vue-cli搭建SPA项目
目标:通过vue-cli脚手架构建SPA项目将index.html与组件分开嵌套路由一,通过vue-cli脚手架构建SPA项目vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板,创建命令如下:在黑窗口执行 npm install -g vue-cli npm install -g webpack执行成功后会在node_global目录下产生一下文件...原创 2021-11-05 23:01:27 · 205 阅读 · 0 评论 -
SPA项目开发之登录注册
目标:spa项目完成登录注册布局 Spa项目完成登录功能 This指针带来的变量污染 ajax跨域问题 axios的get/post的区别(qs)一,spa项目完成登录注册布局安装开发模块安装命令如下:在项目路径下打开黑窗口执行用来渲染页面效果npm install element-ui -S用于前后端数据交互(相当于jQuery中的ajax)npm install axios -S用于解决axios的get/post的差异性问题...原创 2021-11-09 22:07:26 · 1121 阅读 · 0 评论 -
SPA项目开发之首页导航栏+左侧菜单
目标:mock.js模拟响应ajax请求 前台主界面的搭建 退出功能 左侧树收缩功能(vue总线的概念)一,mock.js模拟响应ajax请求1,什么是mock.js?前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景: 1. 老大,接口文档还没输出,我的好多活干不下去啊! 2. 后端小哥,接口写好了没,我要测试啊!前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点Mock.js是一个模拟数据的生成器,...原创 2021-11-11 00:59:24 · 1176 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
目标:动态树功能 右侧文章的分页查询功能准备工作开发环境下才会引入mockjs,在这里我们需要关闭mock方法一方法二(更简便)pro环境:生产环境,面向外部用户的环境,连接上互联网即可访问的正式生产环境dev环境:开发环境,外部用户无法访问,开发人员使用开启eclipse项目和spa项目使用到的表及数据(有一级节点和二级节点)一,LeftNav.vue动态树功能1,在create方法中通过Ajax进行数据读取created()...原创 2021-11-11 21:18:29 · 554 阅读 · 0 评论 -
SPA项目开发之CRUD增删改查+表单验证
目录一,增加1,增加窗体代码2,定义窗体3,校验表单①,将rules控件放入form表单②,定义规则③,调用校验规则二,修改功能1,区分新增和修改的窗体2,数据回显3,为新增窗体清空数据①清空数据的方法②,调用清空窗体的方法4,数据交互三,删除功能定义删除的方法,根据id删除article.vue完整代码如下一,增加1,增加窗体代码一定要放在div里面 <!-- 编辑界面 --> <el-d...原创 2021-11-12 14:24:36 · 1198 阅读 · 0 评论 -
Vuex的使用
1、了解vuex中的各个js文件的用途变量传值的演变2、利用vuex同步存值3、利用vuex取值4、Vuex的异步加载问题及后台调用问题原创 2021-11-15 21:41:42 · 803 阅读 · 0 评论 -
Vue语法模板(样式绑定,事件处理器,表单,自定义组件,组件通信)
一.样式绑定1.1 class绑定 v-bind:class="expression" expression的类型:字符串、数组、对象1.2 style绑定 v-bind:style="expression" expression的类型:字符串、数组、对象1,将字体变为红色原始写法<h3 style="color:red;">{{msg}}</h3>绑定写法<h3 v-bind:style=...原创 2021-11-01 15:05:08 · 374 阅读 · 0 评论 -
Vue语法模板(插值,指令,动态参数,过滤器,计算属性,监听属性)
目录一、插值1,输出红色字体内容2,vue中的属性3,表达式二、指令v-show与v-if的区别?v-on的用法三、动态参数 四、过滤器五、计算属性六、监听属性一、插值Ctrl+k 格式化文本:{{msg}}1,输出红色字体内容html:使用v-html指令用于输出html代码<!DOCTYPE html><html> <head> <meta charset=...原创 2021-10-30 17:18:12 · 618 阅读 · 0 评论