VUE开发常用知识
A: Vue (读音 /vjuː/，类似于 view)作者：尤雨溪(EvanYou) 中国人是一套用于构建用户界面的渐进式框架。学习使用之前须掌握 HTML、CSS 和 JavaScript 等知识。B: VUE优点：小而简单,轻量级框架,上手容易,简单易学,便于与第三方库或既有项目整合只关注视图层， 采用自底向上增量开发
目录前言一、动态路由是什么？二、如何实现1.登录时将获取的路由信息存入vuex2.持久化处理3.加载动态路由总结前言最近在学习vue3时，准备用vite+vue3弄一个后台管理系统，于是准备看看动态路由的实现方式。一、动态路由是什么？动态路由，顾名思义是动态获取的，是可变的。我们可以根据不同的角色身份加载不同的路由，使用动态路由不仅更加灵活，还便于维护，我们可以将路由信息存入数据库，前端只需通过一
转载
2024-10-29 23:55:26
72阅读
前面我们已经陆续介绍了 Vue.js 框架的常用基本语法，现在，我们可以结合这些语法实现一个小功能：展示一个 Web 框架列表，并支持新增框架。 在 vue_learning/basic 目录下新建一个 computed.html 保存本篇教程的代码，然后编写上述功能的实现代码如下：
<html lang="en"><head> <m
本人是php 后端的，想搭建一个好一点的系统后台，奈何技术有限，然后又去专研了一下vue，发现了一个比较好用的vue的后台系统模板,vue-element-admin,每个人有每个人的需求，我选择了基础的模板,vue-admin-template，由于这个模板是前端根据后端的角色显示的动态菜单，有点不太符合个人的意愿，我想通过获取接口的路由表生成对应的动态路由PS：想用好每一款的框架，都必须去了解
转载
2024-07-29 13:42:45
352阅读
当我们在写单页应用的时候，前端路由采用vue-router实现，如果从页面A跳到页面B，然后点浏览器返回，返回到页面A时，页面会刷新。最近遇到一个需求，一个列表页，用户会根据条件进行筛选，也可以翻页，当用户筛选后点击具体的某一个条目时，进入详情页查看编辑详情，用户点击返回时，希望之前页面的筛选条件也能够保留。查找相关资料，vue中有个keep-alive组件可以对组件进行缓存，这样当页
转载
2024-07-19 19:19:21
128阅读
一、事件循环机制介绍 JS是单线程的语言，浏览器和Node.js定义了各自的Event Loop（事件循环机制）则是用来解决异步问题。将程序分为“主线程（执行栈）”与“Event Loop线程”，“主线程”自上而下依次执行同步任务，
一、状态共享使用Vue进行开发时，随着项目的复杂化，组件个数也逐渐增加，此时我们就面临着一个问题——多组件状态共享。也许有人说这不是啥问题，Vuex就可以解决啊。是的，Vuex可以解决多组件状态共享的问题，但是如果此时我们的项目没有那么大那么复杂，还要使用Vuex来解决这个问题吗？答案是否定的，因为这会导致代码繁琐冗余。那该怎么办？其实我们还可以通过vue.js2.6版本新增的Observable
.vue 脚手架的安装就不多说了，说下其他常见的错误1、安装问题 ：首先我们在安装的时候，有些人会用npm直接安装 有些会用cnpm 安装 但是两个不能共用 不然会报错，为此我吃过不少亏2、文件存放错误：一般src下的assets存放静态资源文件，当时访问时，需要考虑路径的问题。如果存放在static下就不用考虑路径问题，直接以static开头的路径3、端口冲突错误：需要改
vue-admin-template是基于vue-element-admin的一套后台管理系统基础模板 项目地址：GitHub - PanJiaChen/vue-admin-template: a vue2.0 minimal admin template预览链接：vue-admin-template预览文档：介绍 | vue-element-admin一、准备工作克隆或直接从官网下载二、源码文件
vue1与
vue2区别在
vue1.0中可以在
template编写时出现：<
template> <div>第一行</div> <div>第二行</div></
template> 在
vue2.0中在
template编写时，必须只有一个根元素，否则会报错。<
template> <div i
转载
2024-06-28 08:28:08
212阅读
目录一、简介1、项目简介2、下载3、环境搭建二、框架三、问题1、界面开发2、路由控制3、接口请求4、权限管理四、发布一、简介1、项目简介官网：https://github.com/PanJiaChenvue-element-admin是含有丰富的组件，vue-admin-template是一个基础的单页面应用的框架，适合在vue-admin-template上二次开发，开发需要的组件就可以直接的从
转载
2024-10-31 17:03:36
35阅读
vue模板语法（二）1、样式绑定 1.1 class绑定 使用方式：v-bind:class=“expression” expression的类型：字符串、数组、对象1.2 style绑定 v-bind:style=“expression” expression的类型：字符串、数组、对象例子：<!DOCTYPE html>
<html>
<head>
&l
模板语法Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层组件实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应性系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。如果你熟悉虚拟 DOM 并且偏爱
转载
2024-10-09 21:29:53
88阅读
Vue2中利用webpack动态生成路由在Vue2中，我们如果想要新增一个页面，步骤一般如下：在 src/views 目录下新建路由组件 page1.vue；在 src/router 目录下新增路由配置，建立起映射关系；这是最简单的情况，但是每次新增页面都要改动两处地方，着实不便，其次，随着项目越做越大，路由中的映射关系也会变得越来越复杂，超级难维护，比如说我现在接手的项目，路由组件就有180个，
使用vue-admin-template实现动态路由的一个添加的思路，addRoutes讲解
原创
2023-06-27 10:28:33
545阅读
Vue的
模板、指令与修饰符
Vue的
模板模板template三种写法
Vue完整版，写在HTML里
Vue完整版，写在选项中
Vue非完整版，配合xxx.
vue文件
模板总结
Vue的指令（Directive）指令
Vue的修饰符代码示例有些指令支持修饰符修饰符列表
Vue的
模板模板template三种写法
Vue完整版，写在HTML里<div id="app">
{{n}}
<but
一、Vue 介绍Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。1.1 MVVM二、安装Vue2.1 使用CDN引入对于制作
怎么让vue代码越来越少？接下的话是一个后端工程师站在后端的角度看前端所产生的思考，本身的前端眼界有限，还请前端大佬赐教。 作为输出靠cv，解决问题靠百度的程序员的我，在粘贴复制了无数次的vue页面代码后，慢慢的懒意占据了上风，我逐渐思考怎么样来减少代码量。1. 继承&依赖注入剔除页面，单讲js代码，从我们日常工作面对的最多的分页需求来说，基本上传统web应用中总会有那么十几组的分页，而且
转载
2024-10-22 21:18:36
138阅读
如果需要获取更好的阅读体验，可以点击告别手敲template,自动生成基础模板(Vue)，vuepress的阅读体验要更舒服一点在开发过程中,无论我们添加页面也好还是添加组件也好。都需要不停地新建Vue文件(或者其他框架或者html/js/css文件)以Vue项目为例,我们新建一个component或view的时候，需要新建一个.vue文件，然后写<template>、<scri
VSCode + Volar集成说明技术栈：vue 3.x、vite 2.x、pinia 2.x、Vue Router 4.x、TypeScript 等代码风格检查约束：ESLint + Prettier、husky + lint-staged环境相关配置浏览器兼容性…搭建步骤创建项目yarn create vite选择 vue选择 vue-ts代码风格约束配置 ESLint相关插件：eslint
转载
2024-10-14 17:14:23
158阅读
