Vue
关注
分享
扫一扫
文章平均质量分 50
ALKEN ABBY
这个作者很懒，什么都没留下…
展开
-
Object.create(null) 和 {} 的区别
Object.create(null) 和 {} 的区别原创 2022-09-03 11:31:12 · 203 阅读 · 0 评论 -
手动实现Vue中响应式原理（数据监测）
一. Vue中响应式原理（数据监测）原理解释：Vue中响应式原理就是利用了数据监测，方法思路是：创建一个监视对象，把data传入进去，采用 Object.defineProperty 给每一个属性添加相对应的 set 和 get 方法，这样在每一个属性进行改变的时候，都会触发set方法，进行数据监视，从而进行虚拟DOM的更新和模版的再一次渲染，达到响应式。二. 具体实现：<!DOCTYPE html><html lang="en"><head> <me原创 2021-09-11 16:46:59 · 276 阅读 · 0 评论 -
手动实现时间戳转换格式函数
原理：主要采用正则表达式，来对时间戳进行格式转化，需要对正则表达式的语法有一定了解，可直接将它导入项目中进行使用：// 正则表达式的作用：字符串匹配（规则太多）// 时间戳格式化函数（使用正则表达式）export function formatDate(date, fmt) { // 1 获取年份 // y+ 1个或多个y // y* 0个或多个y // y？ 0个或1个y if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegE原创 2021-09-10 19:45:24 · 225 阅读 · 0 评论 -
Vue中如何自定义函数指令
Vue中如何自定义函数指令：有两种方式，局部注册和全局注册一. 局部注册： new Vue({ el: '#root', data: { n: 1 }, // 局部的指令 // 自定义指令 // 注意：指令里面的 this 都是 window directives: { //注意定义的是 big，使用的是 v-big // big函数何时会被调用： 1 指令与元素成功绑定时（一上来） //原创 2021-09-10 19:38:43 · 4685 阅读 · 0 评论 -
Vue 中 组件通信 - 子传父（自定义事件）
Vue 中 组件通信 - 子传父（自定义事件）子传父步骤：在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据（一般是通过一定的动作，如点击，滑动等，来自定义事件向父组件传递，这里以 click 为例）在子组件的 methods 里面 定义 this.$emit(‘itemclick’,item)，将 名字为 itemclick 的自定义事件传给父组件，item 是参数在父组件使用子组件的时候，利用 v-on ，将接收到的数据传递给自己的事件 @原创 2021-07-19 11:56:54 · 12558 阅读 · 0 评论 -
Vue 的嵌套路由创建方法
Vue 的嵌套路由创建方法嵌套路由的方法步骤：首先是项目结构图：1 定义子组件：把子组件（各个小的部分写好），定义导出的名字 如 UserList，尽量不和文件名字一样<!--list 的Vue文件--><template> <h1>用户列表</h1></template><script> export default { name: "Userlist" }</sc原创 2021-04-25 09:59:17 · 166 阅读 · 0 评论