- 博客(4)
- 收藏
- 关注
RSS订阅原创 Vue的一些知识点整理（4）
自定义指令 自定义指令介绍 directives - 对普通 DOM 元素进行底层操作 (1) 自定义指令注册 当页面加载时，该元素将获得焦点 。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。现在让我们用指令来实现这个功能： // 注册一个全局自定义指令 `v-focus` Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { // 聚焦元素 el.fo
2020-10-08 23:07:24
144
原创 Vue的一些知识点整理（3）
Vue的生命周期 每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁 初始化： beforeCreate created beforeMount mounted 运行中： beforeUpdate updated 销毁： beforeDestroy destroyed 具体： 实例、组件通过new Vue() 创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载到，只是一个空壳，无法访问到数据和真实的dom
2020-10-07 18:16:38
148
原创 Vue的一些知识点整理（2）
Vue的组件使用 （1）组件化 模块化就是将系统功能分离成独立的功能部分的方法，一般指的是单个的某一种东西，例如js、css 而组件化针对的是页面中的整个完整的功能模块划分，组件是一个html、css、js、image等外链资源，这些部分组成的一个聚合体 优点：代码复用，便于维护 划分组件的原则：复用率高的，独立性强的 组件应该拥有的特性：可组合，可重用，可测试，可维护 (2) 组件 在vue中，我们通过Vue.extend来创建Vue的子类，这个东西其实就是组件 也就是说Vue实例和组件的实例有差别但是
2020-10-04 21:02:36
101
原创 Vue的一些知识点整理（1）
Vue的模板语法 （1）插值 a.文本 {{ }} 声明一条数据，然后用特殊的模板语法将其渲染出来（声明式渲染） b.表达式 （2）指令 是带有 v- 前缀的特殊属性 v-bind 动态绑定属性 v-if 动态创建/删除 v-show 动态显示/隐藏 v-on:click 绑定事件 v-for 遍历 v-model 双向绑定表单 (修饰符) v-cloak 防止表达式闪烁 注： v-bind:src =
2020-10-02 20:19:59
118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人