Vue.js

Vue——解决报错 Computed property "****" was assigned to but it has no setter.

别来无恙 提交于 2021-01-02 16:48:48
  在最近的项目中遇到了如下的警告信息:    [Vue warn]: Computed property " currentStep " was assigned to but it has no setter. (意思是:计算属性 currentStep被赋值了,但此它并未定义 set方法 。)   要解决这个问题,首先要明确这个问题出现的原因。这个警告是由于Vue的计算属性内部没有set方法,即:计算属性不支持值得修改(只能针对data中的值进行计算)。    data(){ return { stepMap:0 } }, computed:{ currentStep:{ get(){ return this.stepMap }, set(v){ this.stepMap = v } // set方法只写下面这一行也是可以的 // set(){} } }   如上面所示,只要手动给计算属性添加get和set方法的不同操作,这个警告就解决了。 来源: oschina 链接: https://my.oschina.net/u/4295888/blog/3340370

vue项目打包编译

倖福魔咒の 提交于 2021-01-02 15:34:28
npm安装依赖,可以使用淘宝镜像加速 npm install --registry=https://registry.npm.taobao.org 2. 多环境项目启动 npm run dev 来源: oschina 链接: https://my.oschina.net/u/1156250/blog/4873822

Node webpack dev server failing 'Cannot GET /' in vuejs project

别等时光非礼了梦想. 提交于 2021-01-02 14:16:50
问题 I am getting a super unhelpful message 'Cannot GET /' printed to my browser when I run my node dev server through webpack. I am building a Vuejs application with the following: VueJs structured in a way that was dicated by this Vue Template with my node scripts being identical to the default commands Webpack config based on Vue Loader Routes handled through Vue Router I know this is not a great deal to go off but an idea of what is firing this error (Node? Webpack? Vue Router?) it would point

Node webpack dev server failing 'Cannot GET /' in vuejs project

心已入冬 提交于 2021-01-02 14:14:32
问题 I am getting a super unhelpful message 'Cannot GET /' printed to my browser when I run my node dev server through webpack. I am building a Vuejs application with the following: VueJs structured in a way that was dicated by this Vue Template with my node scripts being identical to the default commands Webpack config based on Vue Loader Routes handled through Vue Router I know this is not a great deal to go off but an idea of what is firing this error (Node? Webpack? Vue Router?) it would point

Github 买 Star?

寵の児 提交于 2021-01-02 14:01:08
今天上班,刷了一下 Github Trending,发现第一名是一个名叫 kui-vue,一天涨了一千多个 star 项目。 我刚开始还以为又是什么大厂开源了什么 UI 框架,仔细看了下发现是一个个人的项目,但 issue 和 pr 都特别少,看了一下在线实例,也没发现什么亮点!这就让我感到特别的奇怪,那是什么导致它一天涨了 1000 多 star 呢?作为一个非大 v,又没有大厂光环加持的情况下,日涨 1000 是一件非常难得事情。 于是我仔细查看了一下 star 它用户的人,发现一个有趣的现象!我这里随便截图一下。 发现没有,大部分都是无头像的这种用户,这种用户大家都懂的。接着,我逐个点开这几个用户来看一下。 都不想再多截图了,我随手 按顺序 看了几个用户都这样,有没有发现一个共同点,他们都 star 了QilinBaoleiji,CocoaDebug,FETopic。而且是: 有且只 star 了这几个项目 。而且这个项目 fork 少的可怜。。。 现在我们来总结一下:我们点开了这个项目的关注人,随手查看了最新的 12 个关注人的人,发现他们都普遍关注了四五个项目,而且这 12 个人关注的项目都一样。这样的概率有多少?这也太巧合了吧!忍不住要吐槽一下,这小哥买 star 还是买的最 low 版本吧,这僵尸号也太低级了,一眼就看出来是有猫腻的,既然花钱了,买高级粉丝啊!

Springboot+shiro+mybatis-plus+vue前后端分离项目设计架构

前提是你 提交于 2021-01-02 11:06:14
目录 前言 一、后端项目 1、系统架构设计 2、技术细节 1)、构建模块分层 2)、模块之间引用 3)、mybatis-plus配置和引入 4)、mybatis-plus分页插件 5)、代码生成器,代码里有注释 6)、shiro框架引入 二、前端项目 1、系统架构设计 2、技术细节 前言 根据公司要求,搭建个前后端分离的权限系统,根据目前技术技术水平,采用以下技术栈开发,以此写一份博客记录下构架的系统框架,同时希望能帮助因搭建系统架构不怎么会的小伙伴们,废话不多说,直接列出技术栈: 前端项目: Vue2.x+element全家桶+webpack+node+vue-admin ,开发工具:HBuilderx 后端项目 :Springboot2.x+shiro+mybatis-plus+mysql, 开发工具:IDEA 一、后端项目 1、系统架构设计 采用主流分层多模块开发,如下图所示 2、技术细节 1)、构建模块分层 App(app请求接口全部在这里),Web(web请求接口全部在这里)、Dao(数据层)、Model(抽象数据层)、Service(业务层)、Common(所有通用工具在这里,任何模块接口访问) 2)、模块之间引用 如下图所示: 3)、mybatis-plus配置和引入 Model模块引入maven,然后再web模块resources资源文件下的application

在Vue中封装Echarts并使用

耗尽温柔 提交于 2021-01-02 10:48:16
在Vue中封装Echarts并使用 为什么要封装 效果图以及项目目录 1、效果图 2、项目目录 具体封装过程 1、Echarts的安装 2、引入 3、封装案例 4、使用组件的页面 5、使用mixins解决resize问题 6、element-resize-detector 写在最后 为什么要封装 如果不封装,每用一次图表,都要重新配置一边option,封装起来方便复用,也方便统一管理。 解决元素以及窗口的resize等问题。 自己动手封装,只需要看一份文档,并且可以使用更多的原生功能。 看完这篇文章你或许觉得自己封装并不难。 效果图以及项目目录 1、效果图 2、项目目录 具体封装过程 1、Echarts的安装 npm i echarts -- save 2、引入 全部引入 在你使用Echarts的.vue单文件直接使用以下语句引入: import echarts from 'echarts' 按需引入 图省事可以整个引入,但是Echarts还是不小的,我们大部分只用到了其中的一部分功能,所以我推荐按需引入: // 按需引入 引入 ECharts 主模块 var echarts = require ( 'echarts/lib/echarts' ) // 引入柱状图 require ( 'echarts/lib/chart/pie' ) // 引入提示框和标题组件 require (

Font awesome spinner not spinning

泪湿孤枕 提交于 2021-01-02 05:22:44
问题 I have completed an installation of fontawesome in Nuxt with this fantastic link; https://github.com/FortAwesome/vue-fontawesome I have a spinner rendered as <font-awesome-icon :icon="['fas','spinner']" /> The spinner does not spin, it is static. I added fa-spin as <font-awesome-icon :icon="['fas','spinner', 'spin']" /> This caused the error in the console Could not find one or more icon(s) undefined Can anyone point me in the right direction, show me how to get my spinner spinning. The

Font awesome spinner not spinning

不问归期 提交于 2021-01-02 05:22:13
问题 I have completed an installation of fontawesome in Nuxt with this fantastic link; https://github.com/FortAwesome/vue-fontawesome I have a spinner rendered as <font-awesome-icon :icon="['fas','spinner']" /> The spinner does not spin, it is static. I added fa-spin as <font-awesome-icon :icon="['fas','spinner', 'spin']" /> This caused the error in the console Could not find one or more icon(s) undefined Can anyone point me in the right direction, show me how to get my spinner spinning. The

一年双非本科的大厂面试经历

♀尐吖头ヾ 提交于 2021-01-02 03:52:58
个人情况 毕业于广东某双非大学,校招进入奇安信(前360企业安全)工作,刚刚工作满一年(不好找工作,但人在江湖,身不由己)。 leetcode刷题200+,基本能应付面试了。墙裂建议做做算法题,真的很爽,而且很锻炼编码思维。 富途(offer call) 一面 时长: 47分钟,太久没面试,感觉很多问题没答好,一个小时后居然收到了二面通知,感谢面试官手下留情。 自我介绍 360企业安全,奇安信,360之间的关系?为什么学前端?平时怎么学习的?最近在看什么书吗?... 做题 var a=1 a function fn(a){ a=2; } fn(a); console.log(a); // 1 复制代码 var a={a:1}; function fn(a){ a.a=2; } fn(a); console.log(a.a); // 2 复制代码 a 'use strict'; var a = 1; var obj = { a:2, b:function(){ this.a = 3; }, print:function(){ console.log(this.a); } }; obj.print(); // 2 var print = obj.print; print(); // 报错,严格模式下this默认是undefined 复制代码 function F(){ this.a =