qq_42185834的博客

背景：一些系统类项目，前端的页面来来去去是那几个类型，列表、表单居多。这些页面都是类似的，是否能尽量节省重复劳动？目标：通过简单的一些配置能够自动生成列表、表单等思考思路：想自动先手动，是不是应该实现通过手写配置就能生成页面。第一个想到vue的render函数，写一份配置自动调用createElement？ 用CreateElement写完一个页面我们就可以得到一份非常复杂的配置，这...

一. 一些实用的方法及属性1. $root 根组件2. $children3. $slots, $scopedSlots 插槽4. $refs 快速获取节点  <div ref='name'>5. $isServer 服务端渲染时做判断6. $watch(name, fn) 监听变化，配置外引用需要自己注销，获取到watch实例再直接调用销毁。var a = a...

一. 五大核心概念：1. state：数据， 一般通过组件的 computed 获取2. getter：可以理解成获取数据的接口，在这里获取可以对数据做一些派生处理3. mutation：修改数据的入口，ps: 不能进行异步操作，否则会导致调试的状态记录不准确4. action：行为，可以在这里对修改数据前做一些操作，比如异步请求。完成后调用 mutation5. module...

开发思路：生成自己的命令，如：vue create hello-word 执行create命令 create命令生成模板，生成模板的方式我们可以通过git clone一个项目下来 如何自动执行git clone呢 克隆完成，然后呢？开发历程：所谓生成自己的命令，其实就是写了一些js脚本，通过node去执行 一般情况我们通过node运行js脚本是这样的：node app.js。现...

开发思路：脚手架我们已经搭好了，模板里该做的就是各种webpack的配置为主 先考虑怎么运行一个vue的项目 首先我们需要解析.vue文件，使用vue-loader 其次我们需要一个开发服务器来运行项目 webpack-dev-server 最后我们需要生成一个模板来运行vue项目 html-webpack-plugin 最小功能级已经完成了，考虑一下优化 代码规范 eslint，...