一、to +跳转路径<router-link to="/">跳转到主页</router-link> <router-link :to="{path:'/Test',query:{id:1,name:'vue'}}" >跳转到Test</router-link>参数获取:  this.$route.query.参数名称 二
转载 2023-07-06 15:29:41
410阅读
在制作网站的时候我们很多时候都会遇到使用javascript来控制跳转链接JS跳转链接有很多种这里就写一些咱们经常用的到的方法:第一种,JS直接打开页面(不删除来源页面)(www.gendan5.com)window.location.href="http://cenggel.com/";第三种,直接打开页面(删除来源页面)window.location.replace(&q
JS
原创 2019-08-30 15:03:02
3884阅读
# Vue.js渲染页面 Vue.js是一个用于构建用户界面的渐进式JavaScript框架。它提供了一个专注于视图层的解决方案,让开发者可以更轻松地构建交互式的Web应用程序。在本文中,我们将详细介绍Vue.js的渲染页面过程,并提供相应的代码示例。 ## 渲染页面的基本流程 Vue.js的渲染页面过程可以分为以下几个步骤: 1. 创建Vue实例:首先,我们需要创建一个Vue实例,以便于
原创 2023-08-10 04:12:00
294阅读
# 使用Vue.js实现登录页面 ## 1. 概述 在本文中,我将向你介绍如何使用Vue.js实现一个简单的登录页面Vue.js是一种流行的JavaScript框架,用于构建用户界面。它具有轻量级、灵活和易于学习的特点,非常适合用于构建交互性强的页面。 ## 2. 实现流程 首先,我们来看一下整个实现登录页面的流程。下面是一个流程图,描述了实现登录页面的主要步骤。 ```mermaid
原创 2023-08-24 07:58:00
568阅读
策划列表相关的vue.js可畏的事 资源 官方资源 外部资源 工作门户 社区 会议 播客 官方的例子 教程 实例 书 项目采用vue.js 开源 商业产品 应用/网站 互动体验 企业使用 组件&#38;图书馆 用户界面组件 表 通知 装载机 进度条 工具提示 覆盖 视差 图标 菜单 旋转木马 排行 时间 日历 地图 音频/视频 无限滚动 下拉刷新 降价 PDF 树 社会共享 Q
原创 2021-07-21 11:47:53
233阅读
A curated list of awesome things related to Vue.jsResourcesOfficial ResourcesExternal ResourcesJob PortalCommunityConferencesPodcastsOfficial ExamplesTutorialsExamplesBooksProjects Using V
原创 2022-03-17 13:49:30
483阅读
A curated list of awesome things related to Vue.jsResourcesOfficial ResourcesExternal ResourcesJob PortalCommunityConferencesPodcastsOfficial ExamplesTutorialsExamplesBooksProjects Using V
原创 2021-07-09 16:42:25
10000+阅读
策划列表相关的vue.js可畏的事​​资源​​​​官方资源​​​​外部资源​​​​工作门户​​​​社区​​​​会议​​​​播客​​​​官方的例子​​​​教程​​​​实例​​​​书​​​​项目采用vue.js​​​​开源​​​​商业产品​​​​应用/网站​​​​互动体验​​​​企业使用​​​​组件&#38;图书馆​​​​用户界面组件​​​​表​​​​通知​​​​装载机​​​​进度条​​​​工
原创 2022-02-28 11:21:25
250阅读
# Vue.js 生成静态页面 在Web开发中,前端框架变得越来越流行。Vue.js是一个轻量级的JavaScript框架,用于构建交互式的用户界面。与许多其他前端框架不同,Vue.js也可以用于生成静态页面。本文将介绍如何使用Vue.js生成静态页面,并提供一些示例代码。 ## 什么是静态页面? 静态页面是在服务器上预先生成的HTML文件。与动态页面相比,静态页面不需要服务器端处理,可以直
原创 2023-07-23 17:13:07
2378阅读
一、router-link标签跳转在html标签内使用router-link跳转,相应于超链接标签,使用方式如下:<router-link to="/">xxx</router-link>但是a标签和router-link还有一点区别的: a标签 W3C中的解释:a标签定义超链接,用于从一个页面链接到另一个页面个人理解:通过a标签进行跳转页面会被重新渲染,即相当于重新打开
转载 2023-06-06 17:51:51
160阅读
前段时间接到一个开发任务,涉及到路由跳转,并且伴有参数传递。于是猝不及防的掉入了$router的坑。在使用this.$router.push跳转路由的时候,涉及到两种传参方式,需要注意的是,params参数需要使用name来引导,query参数需要使用path来引导。例子如下:方式一: 页面A:   使用query,需要使用path引导,以get方式传递数据。url地址栏格式
转载 2023-07-05 21:59:50
217阅读
# 使用Vue.js实现页面倒计时 ## 1. 介绍 本文将教会刚入行的开发者如何使用Vue.js实现一个页面倒计时功能。Vue.js是一款流行的JavaScript框架,它可以帮助我们构建交互式的Web应用程序。页面倒计时是一个常见的需求,例如在电商网站中,倒计时可以用来展示特价商品剩余的时间。 ## 2. 准备工作 在开始教学之前,确保你已经安装了Node.jsVue.js脚手架。如果还
原创 2023-09-07 08:58:08
339阅读
一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
前言现如今移动端APP对用户体验方面的要求越来越高了,最近致力于用户体验优化,因为需要实现类似APP页面切换的动画效果,百度google搜索资料不是很全,所以自己写文档,在实现效果的基础上,顺便恶补一波VueRouter及CSS过渡动画的知识点,欢迎有兴趣的朋友多多指教。简单demo图预览 写在前面的思考如何匹配到相应需要跳转页面?如何判断是“前进”还是“后退”而后使用不同的动画方式?如何对不
1、router-link (声明式路由)1. 不带参数 <router-link :to="{name:'home'}"> <router-link :to="{path:'/home'}"> //name,path都行, 建议用name // 注意:router-link中链接如果是'/'开始就是从根路由开始,如果开始不带'/',则从当前路由开始。 2.带
Vue.jsVue.js(是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性:I:
Vue.js是对JavaScript进行了封装,语法风格和小程序很像,比如双大括号{{}}都是插值表达式。也许它们有相互借鉴的地方,所以说只要熟悉了一门语言,再学习其他语言就会融会贯通。 Vue的官方文档是https://cn.vuejs.org/v2/guide/ W3c的教程是https://w
转载 2019-08-24 15:28:00
256阅读
2评论
1.Vue.js 1.1Vue.js介绍 1.1.1Vue.js是什么? ​ Vue是一套用于构建用户见面的**渐进式框架。**与其他大型框架不同的是,Vue被设计为可以自底层向上逐层应用。 ​ Vue的核心库只关注视图层,不仅易于上手,还便于与第三方或既有项目整合。另一方面,当与现代化工具链以及各 ...
转载 2021-09-21 22:00:00
300阅读
2评论
Vue.js 是一个渐进式 JavaScript 框架,用于构建用户界面。它主要用于创建单页面应用(SPA),但也可以作为一个库集成到现有项目中。Vue 提供了响应式数据绑定和组件化的开发模式,使得开发者可以高效地构建动态和交互性强的应用。主要特点:响应式数据绑定:Vue 的数据绑定系统使得数据和视图保持同步,改变数据会自动更新视图。组件化:通过组件,开发者可以将界面分解为可重用的片段,提高代码的
原创 2024-08-27 11:47:04
175阅读
1点赞
欢迎扫码关注微信公众号回复关键字【资料】获取各种学习资料 啥是VUE.js前端开发框架采用MVVM模式
原创 2022-02-28 11:04:12
158阅读
  • 1
  • 2
  • 3
  • 4
  • 5