vue.js 利用组件之间通讯，写一个弹出框例子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body>&l...
Vue.js优雅的实现列表清单的操作
一、Vue.js简要说明Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与前端框架Angular一样， Vue.js在设计上采用MVVM模式，当View视图层发生变化时，会自动更新到ViewModel.反之亦然，View与ViewModel之间通过数据...
使用 Vue.js 改写 React 的官方教程井字棋
React 的官方教程井字棋很好的引导初学者一步步走进 React 的世界，我想类似的教程对 Vue.js 的初学者应该也会有启发，于是使用 Vue.js 进行了改写可以先查看最终的结果，尝试点击体验，我们将逐步地实现这个效果初始状态代码初始状态查看打开初始状态直接编辑，或者将对应的文件复制下来放置...
Vue.js 2.x笔记：路由Vue Router（6）
1. Vue Router简介与安装1.1 Vue Router简介Vue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，构建单页面应用。Vue Router支持3种路由模式：◊ hash：使用URL hash值作为路由，HTML5 History API出现...
vue.js学习（第一课）
学习资料 来自台湾小凡！vue.js是javascript的一个库，只专注于UI层面，核心价值永远是 API的简洁。第一课：不支持IE8.1、声明式渲染：el元素的简称 element ； el：元素名字data放数据；2、双向绑定：用到一个指令 v-model ； 指定到一个数据上，这个数据与页面...
vue学习之用 Vue.js + Vue Router 创建单页应用的几个步骤
通过vue学习一：新建或打开vue项目，创建好项目后，接下来的操作为：src目录重新规划——>新建几个页面——>配置这几个页面的路由——>给根实例注入路由配置src目录重整在项目中创建如下对应的文件├── App.vue // APP...
vue.js 作一个用户表添加页面----初级
使用vue.js 制作一个用户表添加页面，实际上是把原来需要使用js写的部分，改写成vue.js的格式首先，想象一下，先做思考，我们要添加用户表，设涉及到哪些数据，一个是用户id，一个是用户名，一个是年龄。。。。还有很多，为了数据的简单明了，只举例部分数据即可在vue中，el是作用的范围，这个直接获...
前端框架本质之探究——以Vue.js为例
问：我们在使用Vue时，实际上干了什么？答：实际上只干了一件事——new了一个Vue对象。后面的事，都交由这个对象自动去做。就好像按了下开关，机器跑起来了，剩下的事就不用我们再操心了。各位看官先别不服，FEer在基于Vue开发项目时，确实写了很多代码，但本质上，这些代码都是在往这台机器的固定工作程序...
vue.js面试题整理
Vue.js面试题整理一、什么是MVVM？MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步Vi...
Vue.js 源码分析(八) 基础篇 依赖注入 provide/inject组合详解
先来看看官网的介绍:简单的说，当组件的引入层次过多，我们的子孙组件想要获取祖先组件的资源，那么怎么办呢，总不能一直取父级往上吧，而且这样代码结构容易混乱。这个就是这对选项要干的事情provide和inject需要配合使用，它们的含义如下:provide ;一个对象或返回一个对象的函数，...
Vue.js错误: Maximum call stack size exceeded
这几天正自学Vue, 用eggjs + vue 采用前后分离，写一个网站练练手。 增加了一个商品详情页 Detail.vue的时候，点击进入Detail.vue的时候，页面显示空白，打开浏览器调试工具，出现了以下错误进入了死循环。仔细检查了页面。发现页面引用了一个组件，和页面的name 重复了。 所...
Vue.js 源码分析(三十二) 总结
第一次写博客，坚持了一个多月时间，Vue源码分析基本分析完了，回过头也看也漏了一些地方，比如双向绑定里的观察者模式，也可以说是订阅者模式，也就是Vue里的Dep、Watcher等这些函数的作用,网上搜一下讲解也挺多的，这些知识点也是很重要的，对于阅读源码的同学这一块务必要花点时间学一下还有一个挺重要...
Vue.js 源码分析(三十) 高级应用 函数式组件 详解
函数式组件比较特殊，也非常的灵活，它可以根据传入该组件的内容动态的渲染成任意想要的节点，在一些比较复杂的高级组件里用到，比如Vue-router里的<router-view>组件就是一个函数式组件。因为函数式组件只是函数，所以渲染开销也低很多,当需要做这些时，函数式组件非常有用:程序化地...
Vue.js 源码分析(四) 基础篇 响应式原理 data属性
官网对data属性的介绍如下:意思就是:data保存着Vue实例里用到的数据，Vue会修改data里的每个属性的访问控制器属性，当访问每个属性时会访问对应的get方法，修改属性时会执行对应的set方法。Vue内部实现时用到了ES5的Object.defineProperty()这个API,也正是这个...
Vue.js依赖收集
写在前面因为对Vue.js很感兴趣，而且平时工作的技术栈也是Vue.js，这几个月花了些时间研究学习了一下Vue.js源码，并做了总结与输出。文章的原地址：https://github.com/answershuto/learnVue。在学习过程中，为Vue加上了中文的注释https://githu...
Vue.js 源码分析(九) 基础篇 生命周期详解
先来看看官网的介绍:主要有八个生命周期，分别是:beforeCreate、created、beforeMount、mounted、beforeupdate、updated 、beforeDestroy和destroyed，分别对应八个不同的时期，另外还有两个activated和deactivat...
Vue.js 技术揭秘（学习） 深入响应式原理 nextTick外传
microTask mutationObserve、 promise.thenmacroTasksetImmediate、 messageChannnel、setTimeout、postMessage异步任务对比分析
vue源码分析—Vue.js 源码构建
Vue.js 源码是基于 Rollup 构建的，它的构建相关配置都在 scripts 目录下。（Rollup 中文网和英文网）构建脚本通常一个基于 NPM 托管的项目都会有一个 package.json 文件，它是对项目的描述文件，它的内容实际上是一个标准的 JSON 对象。我们通常会配置 scri...
vue源码分析—Vue.js 源码目录设计
Vue.js 的源码都在 src 目录下，其目录结构如下src├── compiler # 编译相关├── core # 核心代码├── platforms # 不同平台的支持├── server # 服务端渲染├── sfc ...
深入解析vue.js响应式原理与实现
vue.js响应式原理解析与实现。angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后，再接触了vue.js，当时也一度很好奇vue.js是如何监测数据更新并且重新渲染页面。vue.js响应式原理解析与实现Object.definePropertyes5新增了Object.define...