51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

前端基础-Vue.js单页应用
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application，SPA)，是在一个页面完成所有的业务功能，浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面完成，这一切都由JavaScript来控制。单
vue
html
javascript
加载
a标签
原创
wx5d0241bb88268
2022-03-03 15:03:38
182阅读

前端基础-Vue.js单页应用
第11章 单页应用11.1 单页应用什么是单页应用单页应用(single page web application，SPA)，是在一个页面完成所有的业务功能，浏览器一开始会加载必需的HTML、CSS和JavaScript，之后所有的操作都在这张页面完成，这一切都由JavaScript来控制。单页应用优缺点优点操作体验流畅完全的前端组件化缺点首次加载大量资源(可以...
vue
html
javascript
加载
a标签
原创
wx5d0241bb88268
2021-08-17 17:47:44
601阅读

Vue.js 路由
本章节我们将为大家介绍 Vue.js 路由。Vue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用eb application，SPA）。Vue.js 路由需要载入。
vue.js
前端
javascript
Vue
字符串
原创
王校长的热狗
2024-10-14 09:52:37
32阅读

vue.js路由
注意：执行以下操作时提前安装node.js。如何安装请看俺的node.js学习路程。1.安装vue命令行工具
github
重定向
正则
原创
2019ab
2022-10-14 16:11:24
105阅读

使用 Vuex + Vue.js 构建单页应用
鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址：https://coligo.io/learn-vuex-by-building-notes-app/ 前言：在
数据
初始化
html
ico
vue.js
转载
mb5fcf3d80e40fa
2020-04-03 20:50:00
91阅读
2评论

Vue.js 实例
【代码】Vue.js 实例。
vue.js
前端
javascript
html
ico
原创
王校长的热狗
2024-10-14 09:51:15
33阅读

使用 Vuex + Vue.js 构建单页应用
鉴于该篇文章阅读量大，回复的同学也挺多的，特地抽空写了一篇 vue2.0 下的 vuex 使用方法，传送门：使用 Vuex + Vue.js 构建单页应用【新篇】 华丽的分割线 原文地址：https://coligo.io/learn-vuex-by-building-notes-app/ 前言：在
数据
初始化
html
ico
edn
转载
mob604757020b64
2020-04-03 23:51:00
69阅读
2评论

使用 Vuex + Vue.js 构建单页应用
前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。在这篇教程中我们将通过构建一个笔记应用来学习如何在我们的 Vue 项目中使用 Vuex。我们将大概的过一遍什么是 Vuex.js，在项目中什么时候使用它，和如何构建我们的 Vu
java
原创
mob604756ff6c49
2021-05-24 14:31:28
201阅读

Vue 单页、路由
目录单页、路由的基本使用路由模式路由跳转 单页应用：一个页面即一个简单应用，组件化开发传统的页面调转是浏览器请求新页面，单页是把原本的多个页面以组件的形式集成在一个页面中，页面跳转时由vue路由到目标页面，因为目标页面是当前页面的一部分，切换到指定部分即可，浏览器不用发起新请求。 单页、路由的基本使用#下载vue的路由插件npm install vue-router<div id="app"></div><!-- 引入vue.js --
vue
单页
路由
路由传参
嵌套路由
原创
mb5861ee280b600
2021-09-07 16:04:54
375阅读

使用 Vuex + Vue.js 构建单页应用【新篇】
使用 Vuex + Vue.js 构建单页应用【新篇】 在去年的七月六号的时候，发布了一篇 使用 Vuex + Vue.js 构建单页应用 的文章，文章主要是介绍 vuex 的基本使用方法，发现对大部分的入门同学有很大的帮助，时至今日还有很多同学不断的点赞与收藏，浏览量最高达到 20.4K 。鉴于前
vue.js
edn
html
ico
自定义
转载
mob604757037cf3
2020-05-10 14:31:00
65阅读
2评论

Vue.js（11）：路由
Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）。 Vue.js 路由需要载入 vue-router 库 中文文档地址：vue-router文档。 一、安装 1、直接下载 / CDN https://unpkg.com/vue-router/dist...
字符串
vue.js
html
配置参数
值传
转载
mb5ff9827b65e5b
2020-05-20 14:15:00
131阅读
2评论

Vue.js 实例方法
Vue 实例方法实例属性1、组件树访问1-1、vm.$parent用来访问当前组件实例的父实例，如果当前实例有的话1-2、vm.$root当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自已1-3、vm.$children类型：Array<Vue instance>当前实例的直接子组件。需要注意 $children 并不保证顺序，也不是响应式的。如果你发现自己正在尝
$parent
$el
$mount
原创
frwupeng517
2016-11-24 15:28:17
3365阅读

Vue.js（16）：实例
本章节为大家介绍几个 Vue.js 实例，通过实例练习来巩固学到的知识点。一、导航菜单实例创建一个简单的导航菜单：<div id="main"> 激活的菜单样式为 active 类 为了阻止链接在点击时跳转，我们使用了 "prevent" 修饰符 (preventDefault 的简称)。 <nav v-bind:class="activ
html
ico
css
sql
ajax
转载
mob604756f79c64
2020-05-20 14:45:00
56阅读
2评论

【Vue.js】003-Vue.js实例
一、创建一个Vue实例1、概述每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的；当创建一个 Vue 实例时，你可以传
vue
js
Vue
生命周期
数据
原创
訾博ZiBo
2023-02-23 09:27:12
115阅读

单页vue路由router
Vue.js + vue-router 可以很简单的实现单页应用。 <router-link> 是一个组件，该组件用于设置一个导航链接，切换不同 HTML 内容。 to 属性为目标地址， 即要显示的内容。 以下实例中我们将 vue-router 加进来，然后配置组件和路由映射，再告诉 vue-rou
vue.js
配置参数
html
js代码
模块化
转载
mob604756f6460e
2019-04-03 17:58:00
129阅读
2评论

怎样为你的 Vue.js 单页应用提速
我有一个项目用了Vue.js来构建单页应用程序。随着上线日期的临近，性能优化的工作变得越来越重要。在本文中，我收集了有关在加载时间和渲染性能方面提高Vue.js应用性能的所有知识。使用Vue.js，你可以快速构建单页应用。Webpack会为你将所有内容捆绑到文件（HTML、JavaScript、CSS）中，最后可以用nginx来提供。至少，这是我们的设置。但是Webpack会警告你某些资源太大。需
java
原创
mb5ff980b461ced
2021-01-11 07:23:32
189阅读

怎样为你的 Vue.js 单页应用提速
怎样为你的Vue.js单页应用提速疯狂的技术宅前端先锋我有一个项目用了Vue.js来构建单页应用程序。随着上线日期的临近，性能优化的工作变得越来越重要。在本文中，我收集了有关在加载时间和渲染性能方面提高Vue.js应用性能的所有知识。使用Vue.js，你可以快速构建单页应用。Webpack会为你将所有内容捆绑到文件（HTML、JavaScript、CSS）中，最后可以用nginx来提供。至少，这是
Java
原创
mb5ff59354dd96e
2021-01-29 11:32:16
246阅读

vue.js 路由参数 vue路由参数获取
路由的参数设置是路由的反斜杠加冒号，如下代码：import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' Vue.use(Router) export default new Router({ routes: [ { path
vue.js 路由参数
Vue
App
获取参数
转载
jowvid
2023-07-06 15:22:10
554阅读

vue.js实例教程文档 vue.js项目实战
文章目录（补充） 前后端的身份认证第一章 webpack+vue基础Vue前置知识1-1 ES6模块化1. 回顾：node.js 中如何实现模块化2. 前端模块化规范的分类3. 什么是 ES6 模块化规范4. 在 node.js 中体验 ES6 模块化5. ES6 模块化的基本语法1-2 Promise1. 回调地狱2. 基于回调函数按顺序读取文件内容3. 基于 then-fs 读取文件内容4.
vue.js实例教程文档
vue.js
学习
前端
模块化
转载
goody
2023-09-18 22:17:17
7阅读

vue.js路由得使用
vue本身并没有提供路由机制，但是官方以插件得形式提供了对路由得支持，可以使用vue脚手架包去创建一个webpack应用，在创建时可以选择支持路由功能，这样创建得webpack应用在根目录下的src文件夹中会有一个router文件夹，文件夹中有一个index.js文件在入口文件main.js中导入r ...
加载
根目录
页面跳转
后缀
其他
转载
mob604756fadec0
2021-10-29 21:39:00
221阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

Vue.js 学习2 实例

vue.js教程视频 实例 vue.js.

Vue.js(五) 路由(vue-router)

vue.js 路由传递参数 vue 路由 传参

vue.js 路由教程 vue的路由使用步骤

【Vue.js 】路由 + 参数传递（嵌套路由） + 路由模式 + 实现404页面

vue.js 路由参数传给组件

前端基础-Vue.js实例对象

开心档之Vue.js实例

vue.js的优势 vue vue.js

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯