我想要一个白菜

Vue.js

CSS(4) ES6(8) JavaScript(24) MySQL(1) Node.js(10) React.js(15) Redux(2) webpack(5) 浏览器(2) 算法与数据结构(8)

/ 注册

全部文章 / Vue.js （共10篇）

MVVM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport"...

Vue.js

2020-02-04

0 537

虚拟列表

/** *虚拟列表 * */ <template> <div id="page"> <div ref="vListContainer" id="vListContainer" class=&q...

Vue.js

2020-01-01

0 575

Vue路由传参

注意取参数都是router，router是整个VueRouter 方案一 this.$router.push({ path: '/user/123', }) //对应配置 { path: '/user/:id', name: 'User', compon...

Vue.js

2019-10-15

0 571

Vuex使用

引用一张官网的图,出自Vuex文档 State State 单一状态树，这个对象包含全部的应用层级状态获取Vuex状态通过在根实例中注册 store 选项，该 store 实例会注入到根组件下的所有子组件中，且子组件能通过 this.$store 访问到。 //app.vue const ap...

Vue.js

2019-10-09

0 622

组件通信

props&$emit 父子通信 //父 <template> <div id="app"> <users @userChange="userChangeHander" v-bind:users="u...

Vue.js

2019-09-26

0 621

computed与watch

computed 主要用来计算，缓存值，当所依赖的值发生了变化才会更新 <div id="example"> <p>Original message: "{{ message }}"</p> <p>Com...

Vue.js

2019-09-18

0 512

Vue响应式理解

总结一下，以便忘了回头看看响应式数据主要用到Object.defineProperty这个API，改写对象属性的get属性和set属性。 function defineReactive(obj, key, value) { Object.defineProperty(obj, key, ...

Vue.js

2019-09-18

0 517

路由钩子

简介在某些情况下，当路由跳转前或跳转后、进入、离开某一个路由前、后，需要做某些操作，就可以使用路由钩子来监听路由的变化路由守卫--全局&组件独享组件独享 const router = new VueRouter({ routes: [ { path: '/f...

Vue.js

2019-09-16

0 570

Vue生命周期

beforeCreate beforeCreate() { console.log("beforeCreate"); console.log(this.$el); //undefined console.log(this.$data); //undef...

Vue.js

2019-09-06

0 552

优雅地使用loading

前言不知道从什么时候开始有了写博客的想法，奈何自己的知识储备还很薄弱，迟迟无法下笔。这是我的第一篇博客，算是记录一下自己学习前端以来的一些知识吧。如有错漏，恳请指出，您的批评和指正是我前进路上的一大动力！在平时的开发过程中，我们需要异步等待数据，常常会利用loading图来加强用户的...

Vue.js

2019-04-19

0 553