2019年04月_我的乌托

04月 03月 02月 01月

转载 Vue简单实现原理

用了Vue也有两年时间了，一直以来都是只知其然，不知其所以然，为了能更好的使用Vue不被Vue所奴役，学习一下Vue底层的基本原理。Vue官网有一段这样的介绍：当你把一个普通的JavaScript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并使用Object.defineProperty把这些属性全部转为getter/setter。Object.defineProperty是...

2019-04-03 15:52:14 1398

转载 vue中prop属性传值解析

刚接触前端开发的小伙伴或许不熟悉prop属性，但是有react框架经验的小伙伴肯定很熟悉它，我一直在用props属性，但到今天我才有时间整理prop属性的用法。废话不多直入主题。1.prop的定义：在没有状态管理机制的时候，prop属性是组件之间主要的通信方式，prop属性其实是一个对象，在这个对象里可以定义一些数据，而这些数据可以通过父组件传递给子组件。2.prop定义的数据类型...

2019-04-03 15:50:48 11186

转载 vue中axios请求的封装

1.发送请求模块目录2.@/api/url中存放的是每个模块的URL// 商品模块 product.jsconst product = { sku: { list: '/product/product/speclist', options: '/product/product/options' }}export default product// 公用...

2019-04-03 15:49:38 367

转载很全面的vue面试题总结

VUE面试题v-show 与 v-if 区别动态绑定class的方法计算属性和 watch 的区别怎样理解单向数据流keep-alive自定义组件的语法糖 v-model 是怎样实现的生命周期组件通信路由跳转vue-router 有哪几种导航钩子Vue.js 2.x 双向绑定原理什么是 MVVM，与 MVC 有什么区别vuexthis.$nextTick()vue的...

2019-04-03 15:29:26 771

转载 vue2 基础学习07（组件参数校验）

父组件向子组件传递参数，子组件有权对这些参数进行约束，这些约束就可以叫做组件参数校验源码：<div id="app" > <child :content="content"></child> </div> <script&...

2019-04-03 15:28:36 180

转载 vue2 基础学习08（给组件绑定原生事件）

<ul>在组件上设置点击事件 <div id="app" > <child @click="handleClick"></child> </div> <script> ...

2019-04-03 15:27:54 235

转载 vue 父页面向子页面传递数据

父页面index.vue<template> <div class="hello"> <Children :name="name"></Children> </div></template>&l...

2019-04-03 15:14:27 2610

转载前端面试题 -- Vue

前言作为前端开发中现行最火的框架之一，Vue 在面试中出现的频率不断增加。基于此，总结了一些 Vue 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小伙伴感兴趣的小伙伴也可以点击这里，查看前端方面的其他面试题，欢迎 star 关注如果文章中有出现纰漏、错误之处，还请看到的小伙伴留言指正，先行谢过以下 ↓1. 说一下Vue的双向绑定数据的原理vue 实现数据双向绑定主要是：...

2019-04-03 15:13:28 222

转载根据调试工具看Vue源码之watch

官方定义类型：{ [key: string]: string | Function | Object | Array }详细：一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个属性。初次探索我们的意图是 —— 监测app这个变量，并在函数中打下一个断点。我们...

2019-04-03 15:12:10 242

转载使用 Parcel 构建 Vue.js 项目

Parcel 是一款 Web 应用打包工具，与 Webpack 相比，最大的特点就是极速零配置。因为使用 npm 会出现莫名其妙的安装失败问题，所以这里使用 yarn 管理依赖。初始化项目yarn init安装依赖yarn add parcel-bundler --devyarn add vue vue-router项目目录与 Vue CLI 3 构建的目录大致相同。...

2019-04-03 15:11:02 400

转载一步步搭建 VuePress 及优化【插件系列】

介绍在之前为了搭建 VuePress 的文档，顺带制作了视频教程，如今准备再次搭建一个 VuePress 的项目，一看自己的视频竟然有五个小时，天呐，我只是需要过一遍而已，所以重新整理成文档吧，万一将来又要用呢……当然，如果您觉得文字版不够直观，可以前往观看视频版：【☛ 视频地址 ☚】，当时录制完本地测试后觉得声音大小还可以，结果一套录完了才发现声音很小，所以推荐带上耳机。VuePres...

2019-04-02 19:28:24 5717