Vue
文章平均质量分 86
歐陽。
Java开发&&实施工程师
展开
-
想要了解JWT?一篇足以!
传统的开发,要对系统的资源进行保护,那么会用到session机制来完成,那么session是跟随tomcat服务器,那也就以为session在前后端分离中的后端服务器中,而浏览器请求的确是前端服务器(nodeJS),这也就意味着在浏览输入网址(路由跳组件)的时候,它并不能获取到session,也就是说目前存在缺陷,你不登陆,也能够对其他的组件将进行一个访问。按照前面alg可用值的说明,HS256其实包含的是两种算法:HMAC算法和SHA256算法,前者用于生成摘要,后者用于对摘要进行数字签名。原创 2022-09-19 19:42:56 · 1424 阅读 · 0 评论 -
Vuex的核心组成、版本问题及store.js的使用、 Vuex中存值、取值以及获取变量值、异步同步操作和Vuex后台交互
Vuex 解决了前端传参的问题,针对当前项目所有的变量进行统一管理可以理解为“前端数据库”(数据仓库)专门存储变量值让其在各个页面上实现数据的共享包括状态,并且可操作。Vuex中是如何跟后台交互的,Vuex取值,Vuex存值,Vuex异步加载,vuex使用步骤,原创 2022-09-15 21:58:21 · 1288 阅读 · 0 评论 -
SPA项目开发之表单验证+CRUD
2.通过点击 新增/编辑将表单对应窗口弹出。1.出现表单组件 el-form。3.给表单设置规则 rules。4.当表单提交时要校验规则。给表单设置规则 都放入。判断是弹出新增还是编辑。保障编辑窗体的正常弹出。原创 2022-09-13 19:50:54 · 469 阅读 · 0 评论 -
SPA项目开发之动态树+数据表格+分页
2.利用axios调用后台的文章查询接口-> created 没有传参。要实现点击文章管理跳转到Articles.vue的组件上,要定义锚点。4.优化 将调用后台的文章查询接口的代码进行封装,为了复用。2.要获取树形节点的数据 this.axios.post。current-change 页码改变调用的事件。size-change 页大小改变调用的事件。5.el-form 查询的筛选条件 传参了。3.通过拿到的数据渲染树形节点。v-for 渲染节点。首先将后端与前端项目运行起来。原创 2022-09-13 10:58:57 · 322 阅读 · 0 评论 -
SPA项目开发之首页导航+左侧菜单
注:index.js文件的作用很显然,就是将分散的xxx-mock文件集合起来.后面再添加新的mock文件,都需要在这里引入。注:import是ES6标准中的模块化解决方案,require是node中遵循CommonJS规范的模块化解决方案。为了只在开发环境使用mock,而打包到生产环境时自动不使用mock,我们可以在env中做一个配置。1.导入AppMain.vue/LeftNav.vue/TopNav.vue/LeftNav。4.router/index.js中添加路由与组件的映射。原创 2022-09-12 12:33:30 · 408 阅读 · 0 评论 -
SPA项目开发之登录注册
/ 代表成功 this污染的问题可以通过箭头函数来实现 如:jdk8的 lambda表达式。我们在 ElementUI官网 先copy 一些到前端项目中,看是否能够运行出来。将其他模块导入,下载完成后package.json出现一下依赖。1、将原生的json对象转换成字符串,通过拦截器转。可以看见,多了一行ElementUI 的开发模块。2、将本项目中的所有接口地址,进行统一管理。运行项目 命令:npm run dev。协议+IP地址+端口+项目+...项目的根目录中打开cmd。不输入,直接点击提交。原创 2022-09-11 13:23:05 · 417 阅读 · 0 评论 -
要我怎么教你?还不会使用 Vue-cli 搭建SPA项目吗?
什么是vue-cli?,vue项目结构说明,安装vue-cli,使用脚手架vue-cli(2.X版)来构建项目,:cmd命令行窗口显示中文乱码处理,什么是*.vue文件,路由嵌套原创 2022-09-06 22:02:44 · 164 阅读 · 1 评论 -
还有人不知道Vue路由?想要无痕浏览?一步到位!
Vue路由,Vue网页无痕浏览,单页Web应用,SPA,单页面应用程序,传统多页面应用程序,PA实现思路和技术点,路由思路,将路由集合组装成路由器,将路由挂载到Vue实例中,定义锚点,通过vue的路由可实现多视图的单页Web应用,router-link相关属性,原创 2022-09-06 09:04:32 · 667 阅读 · 2 评论 -
想掌握vue模板语法?两篇就够了!(下)
vue事件处理器,事件修饰符,阻止单击事件冒泡,,提交事件不再重载页面,修饰符可以串联,只有修饰符,添加事件侦听器时使用事件捕获模式,只当事件在该元素本身(而不是子元素)触发时触发回调,click 事件只能点击一次,按键修饰符,vue自定义组件,全局和局部组件,props,Vue组件通信,自定义事件,监听事件,触发事件原创 2022-09-05 11:07:23 · 318 阅读 · 1 评论 -
想掌握vue模板语法?两篇就够了!(上)
使用v-html指令用于输出html代码 ,HTML属性中的值应使用v-bind指令, Vue表达式,class绑定, style绑定,v-if|v-else|v-else-if)/v-show/v-for/v-bind/v-on/v-model,指的是带有“v-”前缀的特殊属性,v-for:类似JS的遍历,v-showvue允许你自定义过滤器,被用作一些常见的文本格式化计算属性可用于快速计算视图(View)中显示的属性。这些计算将被缓存,并且只在需要时更新,监听属性,我们可以通过watch 来响应数据原创 2022-09-02 21:21:15 · 872 阅读 · 0 评论 -
快速掌握 Vue 入门
Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网:https://cn.vuejs.org/Vue作者:尤雨溪/中国无锡优点:前后端工程师可以并行开发,项目交付更快MVVM,一种更好的UI模式解决方案,MVVM通过数据双向绑定让数据自动地双向同步M:model数据模型V:view视图VM:ViewModel 视图模型 虚拟domV(修改数据) -> MM(修改数据) -> V数据是核心{text:后勤管理】}原创 2022-09-02 12:33:49 · 902 阅读 · 0 评论