备注:本文的示例等代码将会采用es6的语法。 链接 vuex官方中文网站 [使用vue和vuex实现的简易商城,仅供参考] vuex是什么? 先引用vuex官网的话: Vuex 是一个专为 Vue.js 应用程序开发的状…
分类:vue.js
使用render实现v-model与多个slot分发
使用render函数实现表格与form表单之间的双向绑定以及表格中使用slot分发(多个slot,分发不同的内容)。 主要思路 通过props给表单组件的value进行赋值,之后通过change、blur等元素监听事件,…
[译] Vue 2.0 的变化(一)之基本 API 变化
高层级的变化 模板解析器不再依赖于DOM(除非你使用真正的DOM作为模板),因此只要你使用字符串模板,你将不再受到任何1.0版本中的解析限制。但是,如果你依赖在存在的内容中挂载一个元素作为模板(使用el元素),你将依然受…
Vue 相应式中心 observer 源码详解 + 实践
笔者日前进修了 Vue 的 Observer 部份,简朴地谷歌了一下,因为没有找到诠释地非常完整的中文资本,记下本身对其的邃晓并分享。 转载需申明出处 https://segmentfault.com/a/11̷…
vue-loader中引入模板预处理器
vue-loader 是一个 webpack 的 loader,可以将指定格式编写的 Vue 组件转换为 JavaScript 模块 同时,vue-loader 支持使用非默认语言,通过设置语言块的lang属性,就可以使…
vue-loader 源码解析系列之 整体分析
笔者系 vue-loader 贡献者(#16)之一 官方说明 vue-loader is a loader for Webpack that can transform Vue components written in…
vuex实现购物车逻辑
前言 在小型项目中,组件与组件之间通信比较简单。父组件可以使用pros向子组件传递数据,子组件可以通过$emit向父组件传递事件和数据,一旦状态管理多了,代码就会变得十分混乱。由于状态零散的分布在许多组件和组件之间的交互…
Vuex源码阅读笔记
笔记中的Vue与Vuex版本为1.0.21和0.6.2,需要阅读者有使用Vue,Vuex,ES6的经验。 起因 俗话说得好,没有无缘无故的爱,也没有无缘无故的恨,更不会无缘无故的去阅读别人的源代码。之所以会去阅读Vuex…
webpack配置信息说明
参考 Webpack——令人困惑的地方 package.json { "name": "项目名称", //项目名称 "version": "1.0.0", //版本 "description": "vue+webapck…
vue源码学习之简单的数据监听
先实现一个简单的数据劫持。思路: 遍历对象的每个属性,为每个属性挂上监听函数(即利用Object.defineProperty进行元编程); 考虑属性的子属性的监听;先上代码: function Observer(dat…
VueJS源码学习——指令解析类
src/parsers 原文地址项目地址 parsers 实现了解析器的功能,使用状态机、正则表达式等来对表达式、html、文本、指令等进行解析 src/parsers/directive.js 在这里引用了 cache…
vue-cli常用设置
vue-cli常用设置 基于vue-cli做了好几个项目了,想把一些自己的常用设置写出来,磨了好久,一看vue-cli3.0都快出来了,不能再磨了。。 路径相关 css内引用的资源 build -> utils.j…