<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue </title><script src="https://un
原创 2023-02-16 12:01:39
98阅读
vue.js开发移动端项目时,使用rem布局做页面自适应
原创 2018-01-04 16:48:14
10000+阅读
RuoYi 是一个基于Spring Boot和Vue.js的开源企业级管理系统框架。它提供了许多功能模块,包括权限控制。下面是在Vue.js中使用RuoYi权限控制的一般步骤:步骤 1: 配置路由在您的Vue.js应用中,您需要根据用户的权限配置路由。您可以通过检查用户的权限来动态添加或移除路由。步骤 2: 获取用户权限信息在登录成功后,您需要从后端获取用户的权限信息。通常,后端API会提供一个端
原创 2024-03-13 10:32:17
467阅读
使用Node.js, npm, webpack 等, 在静态页中使用vue.js. 包括路由, 单文件组件. 1. 创建index.html index.html做为项目的首页, 主要用来定义页面框架, 加载必需的css和script.这里使用element-ui的导航菜单组件搭建了一个页面框架.
转载 2020-12-08 13:56:00
362阅读
2评论
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link href="bootstrap-4.1.3-dist/css/bootst
原创 2022-11-30 15:01:18
105阅读
本模式有3个要点:1)利用vue.js实现html封装进组件,让复用可以落地;2)jquery负责操作dom;3)js函数模拟面向对象中的类,运行时通过new方式创建对象,将dom标识
原创 2022-08-15 10:48:35
416阅读
JSX 是什么JSX 是一种 Javascript 的语法扩展,JSX = Javascript + XML,即在 Javascript 里面写 XML,因为 JSX 的这个特性,所以他即具备了 Javascript 的灵活性,同时又兼具 html 的语义化和直观性为什么要在 Vue 中使用 JSX有时候,我们使用渲染函数(render function)来抽象组件,渲染函数不是很清楚的参见官方文
转载 2023-08-10 09:38:38
274阅读
随着Vue.js单页应用(SPA)变得相当复杂,你开始需要Vue路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示VueRouter中嵌套路由的实用性。用VueCLI进行设置如果尚未安装,请运行以下命令全局安装VueCLI:1$npminstall-g@vue/cli或者1$yarnglobaladd@vue/cli现在你能从命令行运行vue命令
原创 2021-01-11 15:43:28
345阅读
随着 vue.js 单页应用(SPA)变得相当复杂,你开始需要 vue 路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示 Vue Router 中嵌套路由的实用性。 用 Vue CLI 进行设置 如果尚未安装,请运行以下命令全局安装 Vue CL
转载 2020-10-03 23:14:00
126阅读
2评论
使用 vue 3 的 defineAsyncComponent 特性可以让我
原创 2022-11-08 15:00:58
613阅读
Vue.js中使用嵌套路由疯狂的技术宅前端先锋翻译:疯狂的技术宅作者:ParthivMohan来源:alligator.io正文共:2408字预计阅读时间:7分钟随着Vue.js单页应用(SPA)变得相当复杂,你开始需要Vue路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示VueRouter中嵌套路由的实用性。用VueCLI进行设置如果尚未安
原创 2021-01-29 16:41:11
615阅读
普遍认为jQuery是适合web初学者的起步工具。许多人甚至在学习jQuery之前,他们已经学习了一些轻量JavaScript知识。为什么?部分是因为jQuery的流行,但主要是源于经验开发人员的一个错误的理念:因为jQuery是简单的,所以对于初学者也很简单适合。jQuery提供了简洁,不简化jQuery确实克服了很多旧浏览器问题。但是,它在封装DOM API和JavaScript的复杂性上并没
转载 2023-08-11 17:46:18
74阅读
 学完了springcloud后开始学习前端知识,首先学习的就是时下比较热门的js框架:vue.jsVue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。1.引入vu
转载 2023-08-04 23:20:22
145阅读
Vue入门到上手(9)—— VueJs 填坑日记之在项目中使用jQuery很多人学习 js 都是从 jQuery 开始的,我也不例外。有时候进行一些操作的时候,还是感觉 jQuery 比较好用,那么,我们如何在项目中使用 jQuery 呢?这篇博文带你实践。引用 jQuery 文件 首先呢,jQuery 是提供了 npm 的安装包的。我们的 vue-cli 脚手架,也是支持引入的。不过设置比较麻烦
转载 2023-12-19 15:08:01
0阅读
1、jquery:轻量级的js库2、vue:前端js库,是一个精简的MVVM,它专注于MVVM模型的viewModel层,通过双向数据绑定把view和model层连接起来,通过对数据的操作就可以完成对页面视图的渲染。3、vuejquery对比:vue是通过vue对象将数据和view完全分离开的,对数据操作不在引用相应的DOM对象;主要是操作数据jQuery使用选择器($)选取DOM对象,并对其
转载 2023-07-29 21:35:16
85阅读
引言如果说vue是前端工程化使用较多的骨架,那么JavaScript就是我们的前端的细胞。MVVM模式让我们体验到前端开发的便携,无需再过多的考虑DOM的操作。而vue的渐进式开发(逐步引用组件,按需引入),也让许多新手前端开发人员逐步绕过对jQuery的学习。jQuery需要记忆的内容颇多,这也让jQuery变得不那么受新入行开发者喜欢。 在前端工程化的需求没有普及的时候,许多公司使用的是后端渲
Vue.js中,我们可以使用v-for指令在模板中使用for循环。v-for指令可以用于遍历数组或对象,并根据需要重复渲染模板内容。 语法如下: ```html {{ item }} ``` 在上面的示例中,items是一个数组,我们使用v-for指令遍历数组中的每个元素,然后通过{{ item }}输出每个元素的值。注意,我们还使用:key属性来提供唯一的标识符,以便Vue能够高
原创 2023-07-31 22:14:36
224阅读
 已经9012年了,如果你的公司还在用table+div布局,用jq操作dom,请离职!前端技术日新月异,vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。虽然两种思路是完全不同的,但也不能说是不能一起用的,在某些没有办法的情况下(例如需要操作dom的情况下),把jQueryvue用在一块是完全没问题的,当然把这两种技术用在一起是肯定不会出现在最佳
转载 2023-09-06 23:43:31
61阅读
一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
整理:1、node -v 命令:查看node的版本,若出现相应的版本号,则说明你安装成功了。2、npm -v 命令:npm包管理器,是集成在node中的,所以安装了node也就有了npm,直接输入 npm -v 命令,显示npm的版本信息。3、npm install --global vue-cli : 全局安装vue-cli至此:安装vue完成。  开始加载自己的项4、vue init
  • 1
  • 2
  • 3
  • 4
  • 5