![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
码虫上脑
哥是老中医,专治吹牛逼。
展开
-
vue2.0生命周期—码虫
1.下面是我对生命周期的一些理解 首先我们先看一下Vue生命周期图。 2.它可以分为八个阶段 钩子函数 函数描述 beforeCreate 组件实例刚被创建,组件属性计算之前,如data属性等。 created 组件实例创建完成,属性已绑定,但DOM还未生成,$el属性还不存在。 beforeMount 模板编译 | 挂载之前。 mounted 模板编译 |...原创 2018-08-04 17:39:07 · 4259 阅读 · 3 评论 -
vue简易计算器—码虫带你飞
简易计算机案例 1.HTML 代码结构 <div id="app"> <input type="text" v-model="n1"> <select v-model="opt"> <option value="0">+</option&原创 2018-08-10 17:01:12 · 3218 阅读 · 0 评论 -
vue过滤器—码虫带你飞
过滤器 概念:Vue.js 允许你自定义过滤器,可被用作一些常见的文本格式化。过滤器可以用在两个地方:mustache 插值和 v-bind 表达式。过滤器应该被添加在 JavaScript 表达式的尾部,由“管道”符指示; 私有过滤器 HTML元素: <td>{{item.ctime | dataFormat('yyyy-mm-dd')}}</td>...原创 2018-08-10 17:11:15 · 3481 阅读 · 0 评论 -
Vue指令之v-for和key属性—码虫
Vue指令之v-for和key属性 迭代数组 <ul> <li v-for="(item, i) in list">索引:{{i}} --- 姓名:{{item.name}} --- 年龄:{{item.age}}</li> </ul> 迭代对象中的属性 <!-- 循环遍历对象身上的属性 --> ...原创 2018-08-10 17:21:39 · 4852 阅读 · 0 评论