vue文章/教程

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

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

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

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

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

⚠️本文为博客园社区首发文章，未获授权禁止转载 大家好，我是aehyok »

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

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

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

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

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

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

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

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

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

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

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

Vuex 的遗憾 Vuex 是基于 Vue2 的 option API 设计的，因为 optionAPI 的一些先天问题，所以导致 Vuex 不得不用各种方式来补救，于是就出现了 getter、mutations、action、module、mapXXX 这些绕圈圈的使用方式。想要使用 Vuex 就 ... »

一、集成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。 对于 ... »

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