VUE学习笔记
文章平均质量分 59
自己的学习笔记
爱吃鱼的小测试
哼哼哼……下班啦!!!………吃鱼去啦!!!
展开
-
Vue-组件化
Vue-组件化一、定义vue组件二、 全局组件定义的三种方式1、使用vue.extend 来创建全局的vue组件2、直接创建3、在外部定义template 结构三、定义私有的组件四、组件中的data 传值 以下均为自用学习笔记 一、定义vue组件 什么是组件,组件的出现是为了拆分vue实例的代码量的,能够让我们以不同的组件来划分不同的功能模块,将来我们需要什么样的功能就可以去调用什么样的组件即可。 组件化和模块化的不同: 模块化:从代码逻辑的角度进行划分;方便代码分层开发,保证功能模块职能单一 组件化:原创 2022-02-28 22:03:03 · 901 阅读 · 0 评论 -
vue指令
Vue指令1、进入页面使一个输入框自动获取焦点2、自定义指令全局的局部的钩子函数钩子函数参数动态指令参数函数简写 官方文档 https://cn.vuejs.org/v2/guide/custom-directive.html 1、进入页面使一个输入框自动获取焦点 操作DOM的实现方式,在vue中不推荐使用 <div id="app"> <input type="text" value="" id="name"> </div> documen原创 2022-02-25 22:17:53 · 453 阅读 · 0 评论 -
键盘修饰符&自定义键盘修饰符
键盘修饰符2.x中的键盘修饰符 2.x中的键盘修饰符 在监听键盘事件时,我们经常需要检查详细的按键。Vue 允许为 v-on 在监听键盘事件时添加按键修饰符: <!-- 只有在 `key` 是 `Enter` 时调用 `vm.submit()` --> <input v-on:keyup.enter="submit"> 可以直接写成 @keyup.enter="方法名称" 现在可以直接调用的按键方法名称 .enter .tab .delete (捕获“删除”和“退格”键) .es原创 2022-02-25 14:02:02 · 382 阅读 · 0 评论