摘要：
什么是组件？ 组件Component,可扩展HTML元素，封装可重用的代码。通俗的来说，组件将可重用的HTML元素封装成为标签方便复用； 组件的使用： 1、使用全局的方法Vue.extend创建构造器； 2、再使用全局的方法Vue.component注册组件； 注意：在Vue.component里需 阅读全文
posted @ 2019-04-23 15:52
perfect*
阅读(496)
评论(0)
推荐(0)
摘要：
Node 应用由模块组成，采用 CommonJS 模块规范。 每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。 02_cusmod.js 模块的初始化： 1、引入 required 模块：我们可以使用 require 指令来载入 Node.js 阅读全文
posted @ 2019-04-22 20:22
perfect*
阅读(688)
评论(0)
推荐(0)
摘要：
在前面的博客我们一直在操作单个元素的过渡，如果是对多个元素过渡，例如列表，这时就要用到<transition-group>这个组件了； 如何使用：将要操作的列表元素放在<transition-group></transition-group>内，其他与<transition>基本一致； 注意：在<t 阅读全文
posted @ 2019-04-20 13:34
perfect*
阅读(795)
评论(0)
推荐(0)
摘要：
进入/离开过渡效果：Vue在插入、更新或移除DOM时，可以设置一些动画效果； 如何使用过渡效果：利用<transition></transition>组件将需要应用的过渡效果的DOM对象包裹住，然后书写对应的样式； 过渡的类名：过渡效果的样式是类样式，在进入/离开的过渡中有6个类样式的切换，分别是： 阅读全文
posted @ 2019-04-20 12:54
perfect*
阅读(1654)
评论(0)
推荐(0)
摘要：
自定义指令 钩子函数 自定义指令 除了内置指令，Vue也允许用户自定义指令； 注册指令：通过全局API Vue.directive可以注册自定义指令； 自定义指令的钩子函数： bind； inserted； update； componentUpdated； unbind； 自定义指令的使用：在自定 阅读全文
posted @ 2019-04-20 11:24
perfect*
阅读(299)
评论(0)
推荐(0)
摘要：
在上一篇博客中我们知道生命周期的方法： 生命周期： vm.$mount：手动挂载Vue实例； vm.$destroy：销毁Vue实例，清理数据绑定，移除事件监听； vm.$nextTick：将方法中的回调函数，延迟到DOM更新后； 需要进行手动的挂载实例： 在vue中加入： 或者： vm.$dest 阅读全文
posted @ 2019-04-20 09:39
perfect*
阅读(259)
评论(0)
推荐(0)
摘要：
常用的实例方法： 数据： vm.$set：设置属性值； vm.$delete：删除属性值； vm.$watch：观测数据变化； 生命周期： vm.$mount：手动挂载Vue实例； vm.$destroy：销毁Vue实例，清理数据绑定，移除事件监听； vm.$nextTick：将方法中的回调函数，延 阅读全文
posted @ 2019-04-17 18:16
perfect*
阅读(215)
评论(0)
推荐(0)
摘要：
Vue实例属性： vue实例直接调用的属性； 常用的实例属性： vm.$data：获取属性； vm.$el：获取实例挂载的元素； vm.$options：获取自定义选项/属性； vm.$refs：获取通过ref属性注册的DOM对象； vm.$data：获取属性 vue代码； HTML： 在控制台可以 阅读全文
posted @ 2019-04-17 16:41
perfect*
阅读(587)
评论(0)
推荐(0)
摘要：
计算属性的基本使用 初始小示例： 代码： 直接在HTML中使用toUpperCase()方法，这样使得代码太长，影响代码的逻辑；因此就引入了计算属性的应用 Vue计算属性： 更强大的属性声明方式，可以对定义的属性进行逻辑处理与数据监视; 计算属性的使用； https://cn.vuejs.org/v 阅读全文
posted @ 2019-04-16 21:15
perfect*
阅读(3914)
评论(0)
推荐(0)
摘要：
Vue生命周期 Vue生命周期：Vue实例从创建到销毁的过程，称为Vue的生命周期； Vue生命周期示意图：https://cn.vuejs.org/v2/guide/instance.html#生命周期图示； Vue生命周期钩子：又称为Vue生命周期钩子方法/函数，是Vue为开发者提供的方法，我们 阅读全文
posted @ 2019-04-16 19:42
perfect*
阅读(913)
评论(0)
推荐(0)
浙公网安备 33010602011771号