<!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评论
JSX 是什么JSX 是一种 Javascript 的语法扩展,JSX = Javascript + XML,即在 Javascript 里面写 XML,因为 JSX 的这个特性,所以他即具备了 Javascript 的灵活性,同时又兼具 html 的语义化和直观性为什么要在 Vue 中使用 JSX有时候,我们使用渲染函数(render function)来抽象组件,渲染函数不是很清楚的参见官方文
转载 2023-08-10 09:38:38
274阅读
Vue.js中使用嵌套路由疯狂的技术宅前端先锋翻译:疯狂的技术宅作者:ParthivMohan来源:alligator.io正文共:2408字预计阅读时间:7分钟随着Vue.js单页应用(SPA)变得相当复杂,你开始需要Vue路由以及嵌套路由。嵌套路由允许更复杂的用户界面以及相互嵌套的组件。让我们创建一个相对简单的用例,来展示VueRouter中嵌套路由的实用性。用VueCLI进行设置如果尚未安
原创 2021-01-29 16:41:11
615阅读
随着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阅读
 学完了springcloud后开始学习前端知识,首先学习的就是时下比较热门的js框架:vue.jsVue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。1.引入vu
转载 2023-08-04 23:20:22
145阅读
一、三种动态创建元素的方法1. document.write() 2. element.innerHTML 3. document.createElement()二、三种动态创建元素方法的区别document.write()    直接将内容写入页面的文档流,但是当文档流执行完毕后,它会导致页面重绘。比如在 js 代码中写入事件函数(鼠标点击事件)再添加内容时,之前所
Vue.js中,我们可以使用v-for指令在模板中使用for循环。v-for指令可以用于遍历数组或对象,并根据需要重复渲染模板内容。 语法如下: ```html {{ item }} ``` 在上面的示例中,items是一个数组,我们使用v-for指令遍历数组中的每个元素,然后通过{{ item }}输出每个元素的值。注意,我们还使用:key属性来提供唯一的标识符,以便Vue能够高
原创 2023-07-31 22:14:36
224阅读
一、Vue.js是什么    Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。二、如
在src/theme文件夹中建立loading.scss文件,内容如下:.loading-next { width: 100%; height: 100%; } .loading-next .loading-next-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .l
原创 2023-11-07 16:45:17
192阅读
最近有在asp.net mvc项目中使用vue.js。其中一个页面包含诸多个vue的子件Vue Components。 页面运行时,提示: 提示 vue子件找不到。 实则是: The page you are requesting cannot be served because of the e ...
转载 2021-10-16 07:55:00
868阅读
2评论
1. 什么是 Vuex?Vuex 是一个专为 Vue.js 应用程序设计的状态管理库。它采用集中式存储方案,通过一个 store 管理所有组件的状态,并实现组件间的状态共享。Vuex 的主要思想是“单一来源的真相”,所有的状态保存在一个地方,方便全局管理。2. 安装 Vuex在我们的 Vue 项目中使用 Vuex,非常简单。首先确保您的 Vue 项目已设置完成。然后在项目根目录下打开终端,运行以下
原创 精选 7月前
238阅读
When an image fails to load, it triggers an error event. You can capture the error event and merge it with your image loading stream to provide a back
转载 2018-07-18 01:37:00
93阅读
2评论
如果安装的是正常版本的Vue.js Devtools,在vue3的项目中无法正常使用,是灰色的 网上查了很多方法: 比如检查 manifest.json 文件,把 "persistent": false,改为:true (我电脑中的地址:C:\Users\lu\AppData\Local\Googl ...
转载 2021-07-13 14:50:00
1988阅读
2评论
Streams give you the power to handle a "pending" state where you've made a request for data, but the data hasn't yet returned. You can leverage this p
转载 2018-07-18 19:46:00
122阅读
2评论
Vue.jsVue.js(是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件VueJS 特性:I:
  • 1
  • 2
  • 3
  • 4
  • 5