昨天安装了一个华为云ECS，部署一套前后端分类的程序。前端使用VUE开发，后端SpringBoot。部署过程：1. 昨天发现华为云ECS服务器默认不开启80端口，直接访问存在问题。需要进入华为官网云控制台中安全组添加（入规则：80）。2. 添加规则后，仍然无法通过IP地址访问。3. 通过命令查看，可以确认Nginx已经启动并监听了80端口。[root@ecs-s6 home]...

12 VUE基础：过滤器Vue允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示。<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 ...

10 VUE基础：表单输入可以用v-model指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定，v-model会根据控件类型自动选取正确的方法来更新元素。v-model主要负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-model会忽略所有表单元素的 value、checked、selec..

SpringBoot2学习文章目录经过两个月的学习，SpringBoot2基本上学了一轮，也都整理了资料。接下来开始，考虑以一个小系统来讲前面整理的内容串联起来，同时可以学习前端Vue的开发。具体的内容还没有想好，这几天一直在上网看，基于某个开源的框架基础上改还是重启炉灶自行创建，暂时未定，后续定了会开一片实战的系列文章。下面梳理一下近期关于的文章列表，方便后续查看。《SpringBoot2...

VUE基础：事件处理在前端小伙伴开发生涯中，经常要面对各种画面表单、各种按钮，针对表单和按钮的处理都包含一个共通事件：点击 (click)，前端最常见的场景：表单提交按钮点击列表折叠9.1 事件监听在vue中可以用 v-on 指令监听原生的DOM事件，并在触发时运行一些 JavaScript代码，在vue中换了一种写法，更方便我们来控制数据。MVVM中强调的重点即数据驱动，那么在v...

Vue中的Class/Style绑定就是为了实现动态样式效果的技术手段。Vue针对v-bind 用于 class 和 style 时做了针对的增强处理，表达式结果的类型除了普通的字符串之外，同时还可以支持对象以及数组类型。

如果需要非常频繁地切换，则使用 v-show 较好；如果在运行时条件很少改变，则使用 v-if 较好。

VUE计算属性和监视5.1 计算属性Vue中会有部分数据经常依赖于别的数据的改变而做出改变，并且变化逻辑也较复杂，这个时候就需要用到计算属性：computed，也就是说对于当前数据是不确定的，要经常因为其他数据改变而同时做出改变。在computed属性对象中定义计算属性的方法在HTML页面中使用{{ methodName }} 来显示计算的结果5.1.1 Why Computed还...

解锁MVVM，探秘VUE实例生命周期。MVVM（Model–view–viewmodel）是一种软件架构模式，其本质上是MVC的改进版，MVVM 就是将其中的View的状态和行为抽象化，让我们将视图UI和业务逻辑分开。

工欲善其事必先利其器