Vue
文章平均质量分 62
freedomSTUDENT
这个作者很懒,什么都没留下…
展开
-
【Vue】文件管理页面制作
el-input style="width: 200px" placeholder="请输入名称" suffix-icon="el-icon-search" v-model="name">删除 : 定义分页组件的布局,包括总页数、每页显示数量的选择、上一页、页码、下一页和跳转至特定页的输入框。原创 2024-01-10 20:54:36 · 1631 阅读 · 0 评论 -
【Vue】router.push用法实现路由跳转
在登录页面中,通过点击注册按钮,跳转到注册页面在注册页面中,通过点击登录按钮,跳转到登录页面实现如下首先这两个页面在router包的index.js文件中都配置了对应的路由。原创 2023-12-09 17:57:30 · 825 阅读 · 2 评论 -
【Vue】设置路由默认跳转指定页面
上一篇: 登录注册界面制作以这篇文章为例首先我们要了解一下vue项目的的作用上一篇文章里,创建了登录注册页面如果我们要访问它,需要在router包的index.js文件去配置路径当我们使用 cnpm run serve 运行vue项目的时候运行成功会得到一个http链接我这里是在idea里运行的,只要需要点击该链接就能跳转到浏览器这时我们需要手动加/login才能到登录界面或者注册界面。原创 2023-12-09 16:40:29 · 2465 阅读 · 0 评论 -
【Vue】登录注册界面制作
1. 创建vue项目2. 整合element-ui在view目录下创建文件本篇内容使用到了 v-model @click 指令具体用法可以参考。原创 2023-12-09 16:17:43 · 2535 阅读 · 2 评论 -
【Vue】vue整合element
上一篇: vue项目的创建。原创 2023-12-06 14:47:49 · 862 阅读 · 0 评论 -
【Vue】使用cmd命令创建vue项目
上一篇: node的安装与配置。原创 2023-12-05 21:13:04 · 4314 阅读 · 2 评论 -
【vue】浏览器安装vue插件不生效
上一篇:浏览器安装vue插件。原创 2023-11-27 23:17:47 · 694 阅读 · 0 评论 -
【Vue】@keyup.enter @v-model.trim的用法
这里有个添加任务的功能: 在文本框输入任务,然后点击添加按钮,实现添加功能。内容,这时你点回车就能触发网页加载进入相应的页面,这个回车就执行了搜索这个。我们平常在使用电脑的时候,比如上百度搜索,在文本框内输入你想要搜索的。讲的就是这一个概念,我们不点添加按钮,通过enter回车键就能。这里的aaaaa前多了几个空格,再去查看控制台。对比情景二,v-model.trim的作用是。然后打开控制台,打开浏览器安装的vue插件。通过情景一和情景二我们在使用。然后添加了跑步这一个任务。作用:监听键盘回车事件。原创 2023-11-26 22:15:16 · 809 阅读 · 0 评论 -
【Vue】记事本
上一篇:Vue的指令本篇所需指令: v- for v-model v-on v-show。原创 2023-11-26 18:58:16 · 1231 阅读 · 0 评论 -
【Vue】filter的用法
filter的作用:根据条件,保留满足条件的对应项,得到一个新数组。本篇所使用指令 v-for v-on v-html。意思是说 不能使用Javascript的关键字作为属性名。注意: 方法名不能使用delete。上一篇: vue的指令。原创 2023-11-24 21:39:48 · 656 阅读 · 0 评论 -
【Vue】图片切换
使用的指令有 v- show v-bind v-on(@)本篇所需要的指令有: v-on v-bind v-show。将图片的宽设置为400px 高设置了200px。上一篇: vue的指令。原创 2023-11-24 20:39:53 · 671 阅读 · 0 评论 -
【Vue】vue指令
v-else和 v-else-if不能单独使用,需要辅助v-if才能使用。原创 2023-11-24 20:36:53 · 1245 阅读 · 0 评论 -
【Vue】浏览器安装vue插件
首先看一下安装之后的效果,再考虑一下要不要安装安装完之后,打开浏览器控制台(ctrl + shift + j)调试起来就会方便很多。原创 2023-11-24 15:05:46 · 1159 阅读 · 0 评论 -
【Vue】核心特性(响应式)
接下来使用一个例子来体现一下什么是响应式。原创 2023-11-23 23:05:58 · 982 阅读 · 0 评论 -
【Vue】插值表达式
作用:利用表达式进行插值渲染语法:{ { 表达式 } }原创 2023-11-23 22:21:31 · 502 阅读 · 0 评论 -
【Vue】创建第一个实例
【代码】【Vue】创建第一个实例。原创 2023-11-23 21:54:29 · 466 阅读 · 0 评论 -
【Vue】Node.js的下载安装与配置
我的话是 C:\Program Files\Java\nodejs\node_global。如果出现npm 或者 node 不是内部命令也不是外部命令的话一般就是环境变量配置没有成功。比如我是C:\Program Files\Java\nodejs\node_global。下载完之后,安装的时候一直点next即可,也可以根据自己的需求进行勾选。在node.global文件夹下创建 node_modules。这两个文件可以 自己手动创建,也可以用命令创建。然后在用户变量修改一点东西。并复制该文件夹的路径。原创 2023-11-22 21:11:13 · 730 阅读 · 0 评论 -
IDEA添加Vue文件模板
props: {},data() {return {},methods: {},原创 2023-10-06 21:38:51 · 1060 阅读 · 0 评论 -
了解Vue
Vue (发音为 /vjuː/,类似 view)是一款用于构建用户界面的。它基于标准和构建,并提供了一套声明式的、的编程模型,帮助开发者高效地开发。原创 2023-10-01 14:31:24 · 168 阅读 · 0 评论