随笔分类 -  vue

横冲直撞vue(第七篇)：vue生命周期、vue组件
摘要：一、vue生命周期 什么是vue生命周期 Vue 实例从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期，各个阶段有相对应的事件钩子。 生命周期钩子：就是生命周期事件的别名而已； 生命周期钩子 = 生命周期函数 = 生命周期事件 主要的生 阅读全文

posted @ 2020-05-29 20:58 Nicholas-- 阅读(511) 评论(0) 推荐(0)

横冲直撞vue(第六篇)：vue之过滤器、es6中填充字符串、es6新增的padStart()方法和padEnd()方法、vue自定义键盘修饰符、vue自定义全局指令
摘要：一、vue之过滤器 1、什么是过滤器？ 过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 阅读全文

posted @ 2020-05-03 23:09 Nicholas-- 阅读(505) 评论(0) 推荐(0)

横冲直撞vue(第五篇)：事件修饰符、指令系统综合案例
摘要：一、事件修饰符 在事件处理程序中调用 event.preventDefault() 或 event.stopPropagation()是非常常见的需求。尽管我们可以在 methods 中轻松实现这点，但更好的方式是：methods 只有纯粹的数据逻辑，而不是去处理 DOM 事件细节。在Vue中，事件 阅读全文

posted @ 2020-04-14 20:02 Nicholas-- 阅读(246) 评论(0) 推荐(0)

横冲直撞vue(第四篇)：v-model、指令系统总结、指令系统示例轮播图实现、指令系统示例跑马灯效果实现、在vue中使用样式的方式
摘要：一、 v-model v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。 尽管有些神奇，但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理 阅读全文

posted @ 2020-04-10 23:32 Nicholas-- 阅读(376) 评论(0) 推荐(0)

横冲直撞vue(第三篇)：vue中template的三种写法、v-bind、v-on、更新元素的指令v-text与v-html、条件渲染指令v-if 与v-show、v-for
摘要：一、vue中template的三种写法 第一种(字符串模板写法): 直接写在vue构造器里,这种写法比较直观,适用于html代码不多的场景,但是如果模板里html代码太多,不便于维护,不建议这么写. <body> <div id="app"></div> <script src="./lib/vue 阅读全文

posted @ 2020-04-08 23:50 Nicholas-- 阅读(1706) 评论(0) 推荐(0)

横冲直撞vue(第二篇):什么是vue?框架和库的区别、vue的优点、vue的使用、使用vue实例化对象
摘要：一、什么是Vue.js Vue.js 是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App， Vue语法也是可以用于进行手机App开发的，需要借助于Weex） Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成 阅读全文

posted @ 2020-04-07 22:20 Nicholas-- 阅读(571) 评论(0) 推荐(0)

横冲直撞vue(第一篇)：常用的ES6语法
摘要：ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。 阅读全文

posted @ 2020-04-03 22:12 Nicholas-- 阅读(304) 评论(0) 推荐(0)

导航