Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

vue 解决axios请求出现前端跨域问题

vue 解决axios请求出现前端跨域问题 最近在写纯前端的vue项目的时候,碰到了axios请求本机的资源的时候,出现了访问报404的问题。这就让我很难受。查询了资料原来是跨域的问题。 在正常开发中跨域问题有很多的解决方案。最常见的就是后端修改响应头。但是前端也可以解决,通过反向代理。为了防止下一 ... »

Vue3学习(七)之 列表界面数据展示

一、前言 昨晚可能是因为更新完文章后,导致过于兴奋睡不着(写代码确实太容易让人兴奋了),结果两点多才睡着,大东北果然还是太冷了。 不知道是不是因为膝盖和脚都是冰凉的,所以才导致很晚才能入睡? 刚眯了一会,大约一个小时吧,感觉不错,接着又想学习了。 二、列表界面展示示例 现在要做的就是把打到页面的数据 ... »

longronglang Vue3

vue基础-组件&插槽

##组件 组件化的意义:封装(复用,把逻辑隐藏起来,提高可维护性),快速开发(搭积木) 约定:我们通常把那些除了HTML标签以外的自定义组件,才称为‘组件’,结论是,我们说“父组件”“子组件”指的是 本质:就是HTML的扩展。结论:我们在使用组件时,要把它当成HTML一样的感觉来使用 定义一个组件 ... »

xsc1234 vue

Vue3学习(六)之使用Vue3进行数据绑定及显示列表数据

一、写在前面 说来还是比较惭愧的,从周二开始事就比较多,周三还电脑坏了,然后修电脑等等一些杂事,忙的团团转,因为周二、周三自己走的过多了,导致不敢直腰,周四卧床一天。 之前都听说《陈情令》特别火,肖战和王一博正是因为这部剧火的,而大多数人,也因为这部剧,被肖战和王一博圈粉。 而我可能是个例外吧,不点 ... »

longronglang Vue3

在Vue&Element前端项目中,对于字典列表的显示处理

在很多项目开发中,我们为了使用方便,一般都会封装一些自定义组件来简化界面的显示处理,例如参照字典的下拉列表显示,是我们项目中经常用到的功能之一,本篇随笔介绍在Vue&Element前端项目中如何使用自定义封装的字典显示处理。包括后端提供数据API、前端对API的封装,以及组件封装,然后就是界面组件的... ... »

wuhuacong

VUE中v-for更新检测

口诀: 数组变更方法,就会导致 v-for 更新,页面更新 数组非变更方法:返回新数组,就不会导致 v-for 更新,更新值检测不到可采用覆盖或者 this.$set() 数组变更方法如下: 1. arr.push()从后面添加元素 arr.push(5) 2. arr.pop()从后面删除元素,只 ... »

1kxj

vue基本指令与脚手架基本配置

脚手架(@vue/cli)创建项目启动服务 1、创建项目 vue create 项目名字 2、启动项目 进入项目根目录,运行以下命令 yarn serve 3、脚手架目录代码分析 ├── node_modules # 项目依赖的第三方包 ├── public # 静态文件目录 ├── favicon ... »

1kxj

Vue Router 常见问题(push报错、push重复路由刷新)

#Vue Router 常见问题 用于记录工作遇到的Vue Router bug及常用方案 ##router.push报错,Avoided redundant navigation to current location: “/xxx” 大意为 路由频繁点击导致路由重复,该报错对路由跳转功能没有任何 ... »

wuhao-grow-uo vue

vue基础-动态样式&表单绑定&vue响应式原理

动态样式 作用:使用声明式变量来控制class和style的值 语法: :class/:style 注意:尽可能不要把动态class和静态class一起使用,原因动态class起作用的时间会比较晚,需要通过Vue编译,会出现‘一闪而过’的效果。 动态class :class='由类名拼接而成的字符串 ... »

xsc1234 vue

C#开发BIMFACE系列51 Web网页中使用Vue.js加载模型与图纸

BIMFACE二次开发系列目录 【已更新最新开发文章,点击查看详细】 在前一篇博客《C#开发BIMFACE系列50 Web网页中使用jQuery加载模型与图纸》中详细介绍了在网页中使用jQuery加载模型与图纸 本篇博客主要介绍Web网页中使用Vue.js加载模型与图纸以及其他的应用开发。开发步骤与 ... »

vue基础指令

vue核心概念 1.vue的本质声明式/响应式(寻常的指令)组件化。(定制) 2.vue简介:MVVM框架(不完全是,react完全是),渐近式(可大可小,既可以做简单的html页面,又可以做大型的管理系统) 3.vue开发思想:当我们想要改变视图界面时,我们只需要改变视图界面对应的声明式变量即可( ... »

xsc1234 vue

web全栈后台权限管理系统(VUE+ElementUi+nodeJs+koa2)

web全栈后台权限管理系统(VUE+ElementUi+nodeJs+koa2) 主要技术 前端 vue 全家桶 ElementUI 后端 Node.js Koa2 Mongoess 数据库 mongodb 介绍 基于 VUE+Node.js 后台权限管理系统。采用简单的 rbac 模型(既权限与角 ... »

zdsdididi

后台管理系统使用vue-element-admin搭建

近期在搞一个会议健康申报系统时,要搞一个后台,用到了vue-element-admin模板,使用的是PanJianChen(源码地址:https://github.com/PanJiaChen/vue-admin-template) 第一步:当前是下载源码了,下载地址:https://github. ... »

dzlishen Vue

初探webpack之从零搭建Vue开发环境

初探webpack之搭建Vue开发环境 平时我们可以用vue-cli很方便地搭建Vue的开发环境,vue-cli确实是个好东西,让我们不需要关心webpack等一些繁杂的配置,然后直接开始写业务代码,但这会造成我们过度依赖vue-cli,忽视了webpack的重要性,当遇到一些特殊场景时候,例如Vu ... »

Vue3学习(五)之集成HTTP库axios

一、安装**axios** npm install axios@0.21.0 --save 二、axios的使用 1、在主页中引用**axios** 在Vue3新增了setup初始化方法,所以我们在这里开始使用并测试,示例代码如下: <template> <a-layout> <a-layout-s ... »

longronglang Vue3

Vue3学习(三)之网站首页布局开发

一、前言 上篇文章已经提到集成Ant Design Vue后,和Element Ui一样,还是组件的使用,然后就是复制粘贴改了。 二、实际案例 先搞个布局布局看看,也就是我们说的layout,如下图: 不在home中修改,因为什么,每个页面都有头部和底部,写起来较麻烦,而变化动态的部分放在Home里 ... »

longronglang Vue3

Vue3学习(二)之集成Ant Design Vue

一、集成Ant Design Vue npm install ant-design-vue@2.0.0-rc.3 --save 兼容性 Ant Design Vue 2.x 支持所有的现代浏览器。 如果需要支持 IE9+,你可以使用 Ant Design Vue 1.x & Vue 2.x。 对于 ... »

longronglang Vue3

vue 动态菜单以及动态路由加载、刷新采的坑

需求: 从接口动态获取子菜单数据 动态加载 要求只有展开才加载子菜单数据 支持刷新,页面显示正常 思路: 一开始比较乱,思路很多。想了很多 首先路由和菜单共用一个全局route, 数据的传递也是通过store的route, 然后要考虑的俩个点就是一个就是渲染菜单和加载路由,可以在导航首位里处理路由, ... »