前端VUE
一个后台程序员的全栈之旅,开始学习前端框架VUE的相关开发。
黑白猿
宠辱不惊,看庭前花開花落
去留无意,望天空云卷云舒
展开
-
【猿说VUE】Vue过滤器使用介绍(劳动节致敬)
12 VUE基础:过滤器Vue允许你自定义过滤器,可被用于一些常见的文本格式化。过滤器可以用在两个地方:双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符号指示。<!-- 在双花括号中 -->{{ message | capitalize }}<!-- 在 `v-bind` 中 ...原创 2020-05-01 22:45:17 · 17953 阅读 · 0 评论 -
【猿说VUE】Vue效果法宝,过渡&动画
基础:过渡动画Vue 在插入、更新或者移除 DOM 时,提供多种不同方式的应用过渡效果。包括以下工具:在 CSS 过渡和动画中自动应用 class可以配合使用第三方 CSS 动画库,如 Animate.css在过渡钩子函数中使用 JavaScript 直接操作 DOM可以配合使用第三方 JavaScript 动画库,如 Velocity.js11.1 元素·组件过渡Vue 提供了...原创 2020-04-23 22:28:10 · 17959 阅读 · 2 评论 -
【猿说VUE】Vue基础之表单介绍
10 VUE基础:表单输入可以用v-model指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定,v-model会根据控件类型自动选取正确的方法来更新元素。v-model主要负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。v-model会忽略所有表单元素的 value、checked、selec...原创 2020-04-22 21:14:11 · 17960 阅读 · 0 评论 -
【猿说VUE】事件处理,Vue奠基之石
VUE基础:事件处理在前端小伙伴开发生涯中,经常要面对各种画面表单、各种按钮,针对表单和按钮的处理都包含一个共通事件:点击 (click),前端最常见的场景:表单提交按钮点击列表折叠9.1 事件监听在vue中可以用 v-on 指令监听原生的DOM事件,并在触发时运行一些 JavaScript代码,在vue中换了一种写法,更方便我们来控制数据。MVVM中强调的重点即数据驱动,那么在v...原创 2020-04-01 13:33:12 · 18830 阅读 · 0 评论 -
【猿说VUE】Vue列表渲染
8 VUE基础:列表渲染我们可以用 v-for 指令基于一个数组来渲染一个列表。v-for 指令需要使用 item in items 形式的特殊语法,其中 items 是源数据数组,而 item 则是被迭代的数组元素的别名。v-for 代码块中可以访问父作用域的属性,参考下面代码中的bookName。v-for 还支持一个可选的第二个参数(index),即当前项的索引,通过将索引加1的结果作...原创 2020-03-31 13:20:38 · 18767 阅读 · 0 评论 -
【猿说VUE】条件渲染,绝代双骄之 v-if 和v-show
如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。原创 2020-03-30 13:46:02 · 18831 阅读 · 1 评论 -
【猿说VUE】动态绑定,VUE利器之Class/Style
Vue中的Class/Style绑定就是为了实现动态样式效果的技术手段。Vue针对v-bind 用于 class 和 style 时做了针对的增强处理,表达式结果的类型除了普通的字符串之外,同时还可以支持对象以及数组类型。原创 2020-03-29 15:20:11 · 18834 阅读 · 1 评论 -
【猿说VUE】如影相随,VUE计算属性和监视
VUE计算属性和监视5.1 计算属性Vue中会有部分数据经常依赖于别的数据的改变而做出改变,并且变化逻辑也较复杂,这个时候就需要用到计算属性:computed,也就是说对于当前数据是不确定的,要经常因为其他数据改变而同时做出改变。在computed属性对象中定义计算属性的方法在HTML页面中使用{{ methodName }} 来显示计算的结果5.1.1 Why Computed还...原创 2020-03-08 19:42:48 · 21232 阅读 · 2 评论 -
【猿说VUE】初试模板语法,开启VUE编码之旅
模板语法官网描述:Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上,Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统,Vue 能够智能地计算出最少需要重新渲染多少组件,并把 DOM 操作次数减到最少。4....原创 2020-03-07 12:08:50 · 21369 阅读 · 1 评论 -
【猿说VUE】解锁MVVM,探秘VUE实例生命周期
解锁MVVM,探秘VUE实例生命周期。MVVM(Model–view–viewmodel)是一种软件架构模式,其本质上是MVC的改进版,MVVM 就是将其中的View的状态和行为抽象化,让我们将视图UI和业务逻辑分开。原创 2020-03-01 09:04:06 · 22120 阅读 · 2 评论 -
【猿说VUE】初识VUE,带你打开VUE之门
自从近几年前后端分离模式开始后,作为从事后端开发的我,为了跟上时代的步伐,或者能够跟现在的年轻人交流,开始了自学VUE的学习之旅。再次记录学习中的点点滴滴,争取把学习过程中的九九八十一难都记录下来,作为自己学习的一个见证,也是对自己的一个督促。原创 2020-02-29 11:14:12 · 23746 阅读 · 3 评论 -
【猿说VUE】Visual Studio Code安装配置
工欲善其事必先利其器原创 2020-02-26 23:22:23 · 25974 阅读 · 1 评论