
CSS
bluelimon
Stay hungry ,Stay foolish。
展开
-
vue 的过滤器简单实现 filter
理解过滤器功能: 对要显示的数据进行特定格式化注意: 不改变原数据, 而是产生新数据代码实现:1.注册的过滤器Vue.filter('dateFormater',function(value,str='YYYY-MM-DD'){ return moment(value).format(str) })注册vuenew Vue({ el:'#root', data:{ time:Date.now() }, })页面<div.原创 2021-07-21 16:14:10 · 234 阅读 · 0 评论 -
vue基础学习(二)
一.v-if 和v-show的区别: v-if: 适用于:切换频率很低的场景 特点:不展示的DOM节点直接被删除 v-show: 适用于:切换频率很高的场景 特点:不展示的DOM节点没有被删除,仅仅是使用样式隐藏掉严重注意:使用v-if的时,DOM节点可能无法获取到,而使用v-show一定可以获取到DOM节点。二.v-for指令:1.用于展示列表数据2.语法:v-for="(item, index) in arr" :key=“item.i原创 2021-07-21 16:07:47 · 130 阅读 · 0 评论 -
vue基础学习笔记
1.vue的特点:遵循MVVM模式编码简洁, 体积小, 运行效率高, 适合移动/PC端开发它本身只关注UI, 可以轻松引入vue插件或其它第三库开发项目2.vue包括插值语法和指令语法插值语法很简单就是{{ massage}},这个massage是在data里定义的。指令语法就是以V开头的。3.数据的绑定V-bind:src=‘massage’(或者:src),这个是单向绑定的。数据数据只能从data流向页面V-model:src=‘massage’,这是双向绑定的,一般用于input原创 2021-07-11 22:28:55 · 197 阅读 · 0 评论 -
vue生命周期和钩子函数执行顺序-笔记
首先就是官网的这个生命周期图。vue中钩子函数执行顺序1.页面首次加载beforeCreate //在实例初始化之后、创建之前执行created //实例创建后执行beforeMount //在挂载开始之前调用filters //挂载前加载过滤器computed //计算属性directives-bind //只调用一次,在指令第一次绑定到元素时调用directives-inserted //被绑定元素插入父节点时调用activated //keek-alive组件被激活时调用,则在k原创 2021-07-05 10:53:18 · 531 阅读 · 0 评论 -
鼠标放上去,变成小手状
只需要在要改的地方加入style="cursor:pointer;"即可。原创 2021-06-02 10:23:09 · 1288 阅读 · 0 评论