vue.js
关注
分享
扫一扫
文章平均质量分 92
BYh_blog
这个作者很懒，什么都没留下…
展开
-
简版vue实现（数据响应化，双向绑定，指令解析，事件绑定，编译器实现）
目录我们的目的思路具体实现1.封装类MyVue我们的目的实现类似vue的简版vue包含（数据响应化，双向绑定，指令解析，事件绑定，编译器实现）思路首先先看一下vue的工作机制，如下图所示。在new Vue()之后。Vue会调用进行初始化，会初始化生命周期，事件，props,methods,data,computed与watch等。其中最重要的是通过Object.defineProperty方法设置setter与getter,用来实现【响应式】以及【依赖收集】。初始化之后会调用$moun原创 2021-11-01 19:54:19 · 234 阅读 · 0 评论 -
vue 图片懒加载
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...原创 2020-01-02 18:06:49 · 253 阅读 · 1 评论 -
实现vue父子组件之间值的动态变化
在做项目。遇到这样一个问题要实现每个用户的地理位置显示子组件是一个封装高德地图组件vue-amap用绿色圆点显示每个用户的位置子组件：<template> <a-card style="min-height:450px;" :bordered="false"> <div class="amap-page-container"> ...原创 2019-11-30 16:58:11 · 2000 阅读 · 0 评论 -
vue 从后端拿到验证码，点击更新验证码
验证码登录的实现思路1.前端从后端拿到验证码图片2.输入验证码进行登录3.后端拿到验证码进行比对，正确登录成功。 // template <a-input style="width:60%" size="large" type="text" ...原创 2019-11-25 17:19:18 · 2739 阅读 · 0 评论 -
Expected '===' and instead saw '=='报错
很简单在报错的代码行后面添加一行注释问题就解决了。原创 2019-11-07 17:10:53 · 2519 阅读 · 0 评论 -
VUE中的computed和watch的意义以及区别。
1.vue.js中的计算属性computed 是处理模板中复杂的逻辑运算。这里列举一个简单的例子`<h1> {{Welcome}}</h1> computed: { Welcome() { return this.data*2; } }2.vue.js中的侦听器 watch 是解决相应数据的变化.简单理解就是当你的变量发生变化后...原创 2019-07-26 10:23:20 · 625 阅读 · 0 评论 -
使用vue.js+element-ui实现简单的图片浏览。
代码很简单。这里是用来element的几个组件，页面布局是flex。下面直接上代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- 引入样式 --> <link rel="stylesheet" href="https://unpkg.com/elem...原创 2019-07-26 16:40:59 · 1544 阅读 · 0 评论