Vue
Record growth...
这个作者很懒,什么都没留下…
展开
-
全局前置守卫
下面的功能可以实现禁止进入“/about”路由,当想要进去的时候会跳转到主界面,其他的会正常。这里需要注意,一般加上这个else会更好,不然会报警告。当访问某路由之前可以实现拦下来的效果。原创 2023-01-13 10:03:34 · 194 阅读 · 0 评论 -
vue--history模式
查了官网才知道4.0版本跟以前不一样的设置。最后的这个才是历史模式,中间的是hash模式。原创 2023-01-12 20:50:55 · 184 阅读 · 0 评论 -
使用props传递路由之间的参数
之前使用的是,这次使用props,方法分为两步。原创 2023-01-12 20:20:27 · 174 阅读 · 0 评论 -
页面跳转--编程式导航
其实就是点击某一个元素,激发事件,使用方法进行跳转。这里记录一种最常用的方法。中,是router,不是routes,有时候vscode提示错误就会搞错。还可以发现,跳转过来的没有带红色,这个问题还没有学到。"/user/小李四/66999669"原创 2023-01-12 19:47:16 · 120 阅读 · 0 评论 -
嵌套路由与重定向
挂路由一共也就只有三个步骤:1.写页面 2. 在index.js里面注册好路由地址 3. 挂上路由。原创 2023-01-12 19:18:26 · 162 阅读 · 0 评论 -
vue--获取路由传递的信息
想要在路由后面加上参数,首先要在index.js里面写好,然后在App.vue中同步,最后浏览器才会显示,如果路径没有和设置的一样,那就进不去相应的界面。原创 2023-01-12 18:24:43 · 313 阅读 · 0 评论 -
将router路由的文件从main.js中独立
需求:之前放在main.js中的内容过多,现在需要独立的文件夹放置路由配置文件:在src目录下新建了router目录,这里专门放配置文件。index.js就是配置文件步骤③ 在main.js中引入原创 2023-01-12 16:47:56 · 142 阅读 · 0 评论 -
vue--路由配置
使用路由可以实现一个出口跳转两个页面。效果。原创 2023-01-12 16:36:50 · 188 阅读 · 0 评论 -
vue--跨域配置
【代码】vue--跨域配置。原创 2023-01-12 13:13:27 · 89 阅读 · 0 评论 -
vue--过滤器的使用
过滤器的作用就是给一些文本进行处理,比如说首字母进行大写,人民币转美元等,可以设置全局过滤器和局部过滤器。这里只记录全局过滤器。还有局部过滤器,用到时候可以去参看文档。原创 2023-01-12 11:41:30 · 90 阅读 · 0 评论 -
获取vue组件数据
快速获取到父组件或者子组件的数据。但是需要注意的是,获取子组件的数据中,是一个数组,因为儿子可有多个。,快速获取到子组件的属性,这个方法还可以直接操纵dom元素,贴近于原生的js更改dom属性。"我是parent中的数据"原创 2023-01-12 08:54:41 · 1158 阅读 · 0 评论 -
动态加载组件以及是否将变化进行缓存
动态组件加载有点像操作元素一样,没什么特别的。再次切换回A,内容进行了缓存,因为使用了。原创 2023-01-11 23:16:52 · 71 阅读 · 0 评论 -
插槽和插槽传递数据
"这就是传过去的数据"原创 2023-01-11 21:01:15 · 144 阅读 · 0 评论 -
组件间通信:子组件向父组件发送数据、子组件修改父组件的数据
发送数据采用vue提供的自定义事件,并需要子组件提供一个触发函数,出发后向父组件抛出一个自定义事件,这里自己想到一个记忆方法:一个,两个。一个是子组件中需要一个出发函数,这个函数名字随意,并且还要写一个触发函数,两个是父函数需要接收到这个函数,并且从里面取到值。@右边的函数名要和之前定义的一样的名字,后面的函数名可以随便起,也可以一样。使用的方法:在父组件中定义修改数据的函数,将函数传给子组件。拿数据这里并没有写传入了什么,但是还是可以直接写。原创 2023-01-11 20:00:39 · 268 阅读 · 0 评论 -
组件间的通信
首先新建父组件与子组件,这和我们在App.vue中注册组件的方式是一样的。原创 2023-01-11 18:47:58 · 44 阅读 · 0 评论 -
vue--注册全局组件
这里要注意的是,需要给这个组件一个署名,之前不都是data,methods那些嘛,现在用name。注册其实以前的加上这个name也没什么关系,但是注册全局组件才使用这个。和其他普通组件不一样的是,这里直接使用就可以了,不需要再去引入和注册,在main.js中已经注册好了。原创 2023-01-11 16:41:13 · 2029 阅读 · 0 评论 -
tab样式改变案例
点击不同的按钮,该按钮进行高亮,并且下方的数字对应改变。原创 2023-01-11 15:41:55 · 67 阅读 · 0 评论 -
vue-计算属性
/ 注意zaoshi2虽然是一个值,但是没有在data中声明,使用的是括号,就跟方法一样。下面是使用计算属性进行过滤,过滤条件就是fruit的。原创 2023-01-11 15:39:00 · 48 阅读 · 0 评论 -
vue项目结构
的命令会生成一个vue项目,一般来说会有以下的目录结果。今天了解一下目录结构构成。原创 2022-12-22 20:04:04 · 66 阅读 · 0 评论 -
通过脚手架vue-cli创建一个vue项目
启动前千万注意,一定要进到你的项目目录下使用yarn serve或者命令最后是这个界面。能跑开就说明成功了!原创 2022-12-22 19:42:24 · 349 阅读 · 0 评论 -
记录使用vscode配置vue项目环境
这里没有使用npm来下载脚手架,而是使用了官网推荐的yarn,当然同样需要使用npm命令拉取yarn的包文件。原创 2022-12-22 17:16:37 · 506 阅读 · 0 评论 -
利用vue+axios实现简单天气查询
一、代码:<!DOCTYPE html><html><head> <title>天气查询案例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.stat原创 2022-12-19 16:18:43 · 933 阅读 · 1 评论 -
axios + vue实现接口调用
/ 在axios里面的this识别不了。// 我自己的script。原创 2022-12-19 00:06:29 · 114 阅读 · 0 评论 -
vue实现简单的网页记事本
清空后会将清空按钮进行隐藏。输入后,回车即可新增。原创 2022-12-18 20:02:23 · 283 阅读 · 0 评论 -
v-model双向数据绑定
【代码】v-model双向数据绑定。原创 2022-12-18 16:22:21 · 48 阅读 · 0 评论 -
v-on补充:单个传参以及多值传参。按键事件
"你摁下了enter键"原创 2022-12-18 16:02:48 · 66 阅读 · 0 评论 -
v-for指令
在遍历数组中,括号中的内容是有顺序要求的。items是元素,index是索引。如果取反了就会显示反。到时候该过来就可以。它们是data里面的内容,只不过和普通的数组相比,内部是一个一个的对象。使用的是数组push方法,里面直接添加一个对象。这里面对象的添加仍然是在数组的基础上的。,这个删除的是下标值最小的,最左边的元素。原创 2022-12-18 15:27:03 · 72 阅读 · 0 评论 -
v-show、v-on、实现图片切换
代码;原创 2022-12-18 14:52:06 · 201 阅读 · 0 评论 -
v-bind指令
【代码】v-bind指令。原创 2022-12-18 14:21:43 · 38 阅读 · 0 评论 -
v-show指令
代码:效果:原创 2022-12-18 09:21:32 · 65 阅读 · 0 评论 -
v-on指令实现计数器
注意:要操控data里面的属性大小,需要使用。原创 2022-12-18 09:15:39 · 57 阅读 · 0 评论 -
v-html以及v-text的区别
在纯文本的情况下,这两者都是一样的效果2.在v-text只能直接显示文本,v-html可以在双引号的里面写其他元素。也即是可以嵌入HTML。原创 2022-12-18 08:41:45 · 131 阅读 · 0 评论 -
v-text指令
v-text的标签里面加入值不可以显示出来。双引号中字符拼接需要使用单引号。两个大括号的后面加入值也没关系。字符拼接也可以直接在括号里面。'中华人民共和国万岁'原创 2022-12-17 21:29:28 · 68 阅读 · 0 评论 -
第一个Vue实现
"中华人民共和国万岁"原创 2022-12-17 20:58:32 · 37 阅读 · 0 评论