Vue
Vue 基础与实战记录
默默的菜鸟--
这个作者很懒,什么都没留下…
展开
-
Vue简单学习之Vue实例的生命周期
Vue 实例的生命周期 什么是生命周期:从Vue 实例的创建,运行,到销毁期间,总是伴随着各种各样的事件,这些事件统称为生命周期 生命周期钩子:就是生命周期事件的别名 生命周期钩子 = 生命周期函数 = 生命周期事件 生命周期函数分类 创建期间的生命周期函数: beforeCreate: 实例刚在内存中创建出来,此时,还没有初始化好data 和methods属性 created : 实例已经...原创 2019-04-12 09:31:41 · 163 阅读 · 0 评论 -
Vue简单学习之项目使用小技巧与过滤器
Vue 小应用 数组对象的删除操作 实例: list = [{ id: 1001, name: "zhangsan" }, { id: 1002, name: "lisi" }, { ...原创 2019-03-05 14:03:41 · 192 阅读 · 0 评论 -
Vue简单学习之Html标签绑定 css 样式
Vue Html标签绑定 css 样式 外联式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible"原创 2019-03-05 14:01:57 · 775 阅读 · 0 评论 -
Vue简单学习之自定义指令
自定义指令 Vue 使用 Vue.directive() 来定义全局的指令 例如: v-focus Vue.directive(“focus”, {}) 来定义focus 指令 参数1: 指令的名称,注意,在定义的时候,指令的名称前面,不要加v-前缀,但是在时候的时候需要加上v- 前缀 参数2:是一个对象,这个对象身上,有一些指令相关的处理函数(钩子函数),这些函数可以在特定的阶段,执行相关的操...原创 2019-03-05 14:00:09 · 135 阅读 · 0 评论 -
Vue实战——一个简单的计算器
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title&l原创 2019-03-05 13:57:47 · 1057 阅读 · 0 评论 -
Vue简单学习之v-model 进行数据的双向绑定
实现数据从 model - view 的双向数据共通 下面实例: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible&a原创 2019-03-05 13:55:35 · 298 阅读 · 0 评论 -
Vue简单学习之v-on 事件绑定修饰符的使用
. .stop :停止冒泡 (1) 如果事件没有任何修饰的话,那么点击按钮的结果是: 1. 点击了btn 2. 进入了div 【冒泡机制,一层一层的往外】 代码: &lt;div class="inner" @click="divHandle"&gt; ...原创 2019-03-05 13:54:38 · 419 阅读 · 0 评论 -
Vue 实战——跑马灯效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <script src="https://unpkg.com/vue/dist/vue.js"></script> </head原创 2019-03-05 13:53:04 · 1220 阅读 · 0 评论 -
Vue简单学习之关于 html 代码标签属性 v-bind 和v-on 的使用
v-bind 是vue 绑定属性的指令 &lt;input type="button" name="按钮" value="按钮" v-bind:title="mytitle + '新加的'"&gt; 注意: v-bind 可以简写为 :要绑定的属性,v-bind 中可以写合法的js 表达式 &lt;input原创 2019-03-05 13:50:59 · 882 阅读 · 0 评论 -
Vue简单学习之关于 html 标签属性 v-for, v-if, v-show使用
v-for 循环 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta http-equiv="X-UA-Compatible" content=&qu原创 2019-03-05 13:49:23 · 3968 阅读 · 0 评论 -
Vue简单学习之 Vue.js 简介与一个简单的Vue.js实例
什么是Vue.js Vue 是目前最火的前端框架,React 是最流行的前端框架,React 可以开发手机APP,Vue也可以,需要借助于Weex 只关注于视图层 为什么要学习流行框架 提高开发效率 发展流程: 原生JS --&amp;gt; JQuery之类的类库 --&amp;gt; 前端模板引擎 --&amp;gt; Augular.js / Vue.js (能够帮助我们减少不必要的DOM操作,提高渲染效率,...原创 2019-03-05 13:45:59 · 298 阅读 · 0 评论