Vue
文章平均质量分 59
pigpigpi
这个作者很懒,什么都没留下…
展开
-
vue中的路由配置
之前我们已经对vue中的路由做了简单的了解,本文将对vue的路由做更深层次的学习1.2 总结作用:让路由组件更方便的收到参数二、 路由跳转的replace方法总结:1、作用:控制路由跳转时操作浏览器历史记录的模式2、浏览器的历史记录有两种写入方式:和,其中是追加历史记录,是替换当前记录。路由跳转时候默认为方式3、开启模式:效果:总结:1、作用:不借助实现路由跳转,让路由跳转更加灵活2、具体编码:四、缓存路由组件效果:总结:1、作用:让不展示的路由组件保持挂原创 2022-06-17 10:54:00 · 1096 阅读 · 0 评论 -
初识vue里的路由
1、单页 Web 应用(single page web application,SPA)2、整个应用只有一个完整的页面3、点击页面中的导航链接不会刷新页面,只会做页面的局部更新4、数据需要通过ajax请求获取二、基本路由2.1 基本使用2.2 总结使用步骤:1、安装,命令:2、应用插件:3、编写配置项:4、实现切换(可配置高亮样式):5、指定展示位:1、路由组件通常存放在文件夹,一般组件通常存放在文件夹比如上一节的案例就可以修改为:2、通过切换,“隐藏”了的路由组件,原创 2022-06-15 11:28:00 · 316 阅读 · 1 评论 -
Vuex的详解
app.vueCount.vue或者:src/App.vue:创建src/store/index.js:4.2 使用vuex编写src/components/Count.vue:src/store/index.js:4.3 总结Vuex的基本使用:备注:若没有网络请求或其他业务逻辑,组件中也可以越过actions,即不写dispatch,直接编写commit五、getters配置项5.1 使用src/Count.vue:src/store/index.js:ge原创 2022-06-14 21:54:29 · 481 阅读 · 0 评论 -
Vue里的插槽slot
本文主要对Vue里的插槽进行总结app.vue:Category.vue:如果不使用插槽怎么写?2.2 正确写法app.vueCategory.vue:app.vueCategory.vue:App.vueCategory.vue:效果:3.4 template的使用app.vue:Category.vue:app.vue:Category.vue:效果:...原创 2022-06-04 16:32:09 · 371 阅读 · 0 评论 -
github用户搜索案例
本文做一个github用户搜索案例方式一方式二:app.vueSearch.vue修改Search.vueList.vueSearch.vueList.vueList.vueList.vue:分析:List.vue:4.2 方式二:List.vuethis表示什么?Search.vue效果:方式一:方式二:最后验证一下eror...原创 2022-06-04 14:15:44 · 858 阅读 · 2 评论 -
vue里的配置代理
本文主要利用vue的代理,解决ajax跨域的问题在public下新增一个test.txt原创 2022-06-04 11:06:21 · 1229 阅读 · 0 评论 -
$nextTick()+过渡与动画+TodoList案例_动画效果
我们已经做了todoList的编辑功能,本篇文章将对上一篇文章遗留的问题进行解决同时,本文将对 过渡与动画和配置代理功能做比较详细的讲述MyItem.vue解决:(1) 实现效果进入MyItem.vue不变:MyList.vue:......原创 2022-06-04 01:15:16 · 155 阅读 · 1 评论 -
TodoList案例_编辑功能
一、需求当鼠标悬浮时,在删除旁边,加一个编辑按钮,一点编辑,文字变为输入框,然后出现保存和取消两个按钮如下图:二、完成需求1、增加按钮MyItem.vue效果:2、完成编辑在每一个todo的身上,追加一个属性,isEdit如果isEdit为真,则是一个input框如果isEdit为假,则正常展示一个文字,如下图MyItem.vue注意:如果直接:todo.isEdit=true发现点击编辑之后没效果,原因是因为当前只是往toso身上添加了一个属性,没有对应的get原创 2022-05-29 23:21:48 · 282 阅读 · 0 评论 -
Vue的消息订阅与发布
提示:本文主要对Vue的消息订阅与发布进行比较详细的讲述文章目录前言消息订阅与发布1、工作模型2、pubsub-js3、实现案例4、this问题5、总结6、TodoList案例_pubsub前言提示:这里可以添加本文要记录的大概内容:本篇文章将对Vue的消息订阅与发布进行比较详细的讲述提示:以下是本篇文章正文内容消息订阅与发布1、工作模型2、pubsub-js3、实现案例实现把学生名给School组件订阅时的函数里有两个参数做一个收尾工作4、th.原创 2022-05-23 00:35:53 · 275 阅读 · 1 评论 -
Vue的全局事件总线
提示:本文主要对Vue里的全局事件总线、消息的订阅与发布、过渡与动画进行总结,并优化之前做过的TodoList案例文章目录前言一、全局事件总线1.1 全局事件总线11.2 全局事件总线21.3 全局事件总线_TodoList案例二、三、前言提示:这里可以添加本文要记录的大概内容:本文主要对Vue里的全局事件总线、消息的订阅与发布、过渡与动画进行总结,并优化之前做过的TodoList案例提示:以下是本篇文章正文内容一、全局事件总线1.1 全局事件总线11.2 全局事件总线21.3 全.原创 2022-05-22 23:56:02 · 119 阅读 · 0 评论 -
浏览器本地存储+组件自定义事件
提示:上一篇文章所做出的TodoList只是第一版本,后续将不断修改文章目录前言一、二、三、前言提示:这里可以添加本文要记录的大概内容:我们已经学习了Vue里的生命周期,本篇文章将对Vue的组件化开发进行比较详细的讲述提示:以下是本篇文章正文内容一、二、三、...原创 2022-05-20 01:25:04 · 109 阅读 · 0 评论 -
TodoList案例
提示:本文基于对vue的学习,做一个案例文章目录前言一、二、三、前言提示:这里可以添加本文要记录的大概内容:在之前的学习中我们已经学习了Vue里的基本使用,本篇文章将对基于Vue的使用做一个案例提示:以下是本篇文章正文内容一、二、三、...原创 2022-05-19 00:47:04 · 140 阅读 · 0 评论 -
Vue脚手架的使用
提示:本文主要对Vue-cli脚手架进行总结文章目录前言一、创建Vue脚手架二、分析脚手架结构三、前言提示:这里可以添加本文要记录的大概内容: 我们已经学习了Vue里的组件化,在里面我们知道,组件一般要配合脚手架vue-cli来使用,本篇文章将对 vue的脚手架进行总结提示:以下是本篇文章正文内容一、创建Vue脚手架二、分析脚手架结构三、...原创 2022-05-17 01:35:11 · 234 阅读 · 0 评论 -
Vue的组件化开发
提示:本文主要对Vue组件化开发进行总结文章目录前言一、前言提示:这里可以添加本文要记录的大概内容:我们已经学习了Vue里的生命周期,本篇文章将对Vue的组件化开发进行比较详细的讲述提示:以下是本篇文章正文内容一、...原创 2022-05-10 01:16:58 · 312 阅读 · 0 评论 -
Vue里的生命周期
一、生命周期1、引出生命周期1、什么是Vue的生命周期 Vue 实例从创建到销毁的过程,就是生命周期。也就是从开始创建、 初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程, 我们称这是 Vue 的生命周期。...原创 2022-04-29 00:32:41 · 383 阅读 · 0 评论 -
Vue中的内置指令+自定义指令
一、内置指令我们已经学习了v-bindv-on的指令,他们都是内置指令1、回顾2、v-text注意1:v-text会替换掉标签里的内容注意2: v-text不能解析标签v-text总结3、v-html指令3.1 简介3.2 安全性问题使用cookie-editor从Google浏览器偷取cookie信息来到火狐浏览器,再通过cookie-editor导入,刷新页面,即可登录进去了伪造两个cookie来演示安全性问题...原创 2022-04-28 01:31:08 · 1187 阅读 · 0 评论 -
收集表单数据+过滤器
一、收集表单数据1、效果实现:点击账号的时候,也能够获取到焦点2、实现代码3、接受vue的管理3.1账号和密码3.2 性别要想上来就有一个默认值,可以在data里指定一个3.3 爱好如果不指定value,默认会去使用input框的checked值实现:3.4 所属校区3.5 其他信息3.6 是否同意不需要指定value值,3.7 最终实现4.阻止表单提交后的刷新5、将数据转化为JSON有两种方式方式一:原创 2022-04-24 01:03:28 · 176 阅读 · 0 评论 -
v-for列表渲染+key作用与原理+列表过滤+列表排序+vue监测数据改变的原理
一、列表渲染1、遍历数组案例2、注意这里缺少了一个特别重要的属性:key。让每一个li都有特定的标识后面深入了解3、另一种写法注意:in可以使用of代替4、遍历对象案例5、遍历字符串案例6、遍历指定次数7、总结二、key作用与原理1、需求在persons里面,001的前面添加一个“老刘”;2、实现3、存在问题在每一个li内部加一个input框,然后再后面输入对应的信息,然后点击添加按钮,发现信息错乱使用p.id作为key则没有这个问原创 2022-04-16 10:28:12 · 321 阅读 · 0 评论 -
监视属性+绑定class样式+绑定style样式+条件渲染
一、天气案例1、实现点击“切换天气”,文字跟着变化2、存在问题:实际点击之后数据已经更新,开发者工具认为红色框里面没有用到属性和计算属性,因此不显示3、简写二、监视属性1、实现2、immediateimmediate:初始化时让handler调用一下另外一种配置方式3、总结三、深度监视deep:true开启深度监视1、总结2、监视的简写形式什么时候能简写?只有handler函数时,没有immediate和deep时可以简写另一种监视原创 2022-04-06 20:37:58 · 338 阅读 · 0 评论 -
Vue的计算属性
一、姓名案例1、姓名案例效果:两个输入框:姓+名两个输入框改变全名也会跟着改变实现联动效果2、插值语法实现姓名案例1、简单实现2、增加需求只收集姓 的输入框里面前三位,后面不再录入3、再次优化需要将姓输入框的前3位取出,反转后,首字母大写3、使用methods实现注意事项:每当界面上的firstName和LastName一改变,就要调用一次fullName()函数,重新解析模板二、计算属性1、什么是属性对于vue来说,属性就是data里面的数据原创 2022-04-01 18:55:47 · 3001 阅读 · 0 评论 -
Vue的数据代理+事件处理+事件修饰符+键盘事件
一、回顾Object.defineProperty()方法1、几个属性2、getter和setter(get函数和set函数)二、初识Vue三、数据代理1、数据代理的定义通过obj2去操作x2、vue中的数据代理1、概览2、验证setter3、数据代理图示四、vue中的事件处理1、点击事件2、事件修饰符五、键盘事件1、常用按键2、短横线3、tab的用法tab适用于keydown,不适用与keyup4、定制按键别名六、事件总结原创 2022-03-30 21:17:04 · 194 阅读 · 0 评论 -
使用Servlet和Ajax完成登录注册的校验+Vue
一.Servlet登录注册校验1.实现功能实现功能: 1.登录有记住密码选项 2.使用Ajax输入用户名失去光标进行校验,不重复显示用户名可以使用,重复显示不可使用 3.注册时加入验证码 4.存入数据库中的密码经过MD5加密过2.步骤(1) 与数据库建立连接采用德鲁伊数据库连接池,导入数据库驱动jar包和德鲁伊相关jar包,添加依赖(2) 编写与数据库表相对应的实体类User类:package demo;public class User { private int原创 2020-08-23 14:09:34 · 2276 阅读 · 0 评论 -
2.Vue的style属性绑定+条件渲染+列表渲染
一.style属性绑定原创 2020-08-03 21:27:07 · 1763 阅读 · 0 评论