Vue
关注
分享
扫一扫
Vue 基础与实战记录
默默的菜鸟--
这个作者很懒，什么都没留下…
展开
-
Vue简单学习之Vue实例的生命周期
Vue 实例的生命周期什么是生命周期：从Vue 实例的创建，运行，到销毁期间，总是伴随着各种各样的事件，这些事件统称为生命周期生命周期钩子：就是生命周期事件的别名生命周期钩子 = 生命周期函数 = 生命周期事件生命周期函数分类创建期间的生命周期函数：beforeCreate： 实例刚在内存中创建出来，此时，还没有初始化好data 和methods属性created ： 实例已经...原创 2019-04-12 09:31:41 · 176 阅读 · 0 评论 -
Vue简单学习之项目使用小技巧与过滤器
Vue 小应用数组对象的删除操作实例： list = [{ id: 1001, name: "zhangsan" }, { id: 1002, name: "lisi" }, { ...原创 2019-03-05 14:03:41 · 199 阅读 · 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 · 789 阅读 · 0 评论 -
Vue简单学习之自定义指令
自定义指令Vue 使用 Vue.directive() 来定义全局的指令 例如： v-focusVue.directive(“focus”, {}) 来定义focus 指令参数1： 指令的名称，注意，在定义的时候，指令的名称前面，不要加v-前缀，但是在时候的时候需要加上v- 前缀参数2：是一个对象，这个对象身上，有一些指令相关的处理函数（钩子函数），这些函数可以在特定的阶段，执行相关的操...原创 2019-03-05 14:00:09 · 142 阅读 · 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 · 1068 阅读 · 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 · 311 阅读 · 0 评论 -
Vue简单学习之v-on 事件绑定修饰符的使用
. .stop ：停止冒泡 (1) 如果事件没有任何修饰的话，那么点击按钮的结果是： 1. 点击了btn 2. 进入了div 【冒泡机制，一层一层的往外】 代码： &lt;div class="inner" @click="divHandle"&gt; ...原创 2019-03-05 13:54:38 · 429 阅读 · 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 · 1227 阅读 · 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 · 900 阅读 · 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 · 3991 阅读 · 0 评论 -
Vue简单学习之 Vue.js 简介与一个简单的Vue.js实例
什么是Vue.jsVue 是目前最火的前端框架，React 是最流行的前端框架，React 可以开发手机APP，Vue也可以，需要借助于Weex只关注于视图层为什么要学习流行框架提高开发效率发展流程： 原生JS --&amp;gt; JQuery之类的类库 --&amp;gt; 前端模板引擎 --&amp;gt; Augular.js / Vue.js （能够帮助我们减少不必要的DOM操作，提高渲染效率，...原创 2019-03-05 13:45:59 · 306 阅读 · 0 评论