Vue,现在前端的当红炸子鸡,随着热度指数上升,实在是有必要从源码的角度,对它功能的实现原理一窥究竟。个人觉得看源码主要是看两样东西,从宏观上来说是它的设计思想和实现原理;微观上来说就是编程技巧,也就是俗称的骚操作。我们…
分类:vue.js教程
Vue 中的受控与非受控组件
Vue 中的受控与非受控组件 熟悉 React 的开发者应该对“受控组件”的概念并不陌生,实际上对于任何组件化开发框架而言,都可以实现所谓的受控与非受控,Vue 当然也不例外。并且理解受控与非受控对应的需求场景,可以让我…
简单理解vue中的nextTick
nextTick() 用于在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM nextTick()是属于异步更新队列 应用场景 在Vue生命周期的created钩子函数进行的DO…
[Vue CLI 3] 源码系列之init
用惯老版本 Vue CLI 的同学一般多会选择使用如下命令来创建模板项目: vue init webpack demo 但是在新版中,推荐使用 vue create,官方也提到了: 因为使用了同样一个 vue 命令,所以…
[Vue CLI 3] vue inspect 的源码设计实现
首先,请记住: 它在新版本的脚手架项目里面非常重要 它有什么用呢? inspect internal webpack config 能快速地在控制台看到对应生成的 webpack 配置对象。 首先它是 vue 的一个扩展…
vue中keep-live使用click-outside
<keep-alive> <router-view/> </keep-alive> 页面,在这里已经定义了自定义指令,click-outside,既点击指令绑定元素的外部触发 <…
vue&react源码思考之:双向绑定
作者:心叶时间:2019-07-18 10:34 本文章构思的实现方法在github上有对应的项目已经实现,项目依旧在不断改进中: abandon.js 核心方法说明 Object.defineProperty(obj,…
vue 使用jssdk分享
背景 在vue中使用jssdk微信分享 weixin-js-sdk mint-ui需要安装npm install weixin-js-sdk mint-ui –save mixins/wechat.js //…
vue-cli3.0 使用 postcss-pxtorem(postcss-px2rem)自动转换px为rem
如何在vue-cli3.0中使用 postcss-pxtorem 在vue-cli3.0中。去掉了build和config文件夹。所有的配置都放到了vue.config.js中。 先上代码,vue.config.js的配…
Nuxt.js按需引入 emement-ui
☞☞☞nuxt.js全面配置☜☜☜ ☞☞☞nuxt文章系列☜☜☜ babel-plugin-component 安装依赖 npm i -D babel-plugin-component // or yarn add -D…
手挽手带你学VUE:四档 Vue-cli3 Vuex Vue-router
视频教程 由于思否不支持视频外链,视频请移步http://www.henrongyi.top 你能学到什么 在这一期的学习进度中,我们会开始学习在我们工作开发中真正要使用的开发模式,vue-cli3脚手架的运用以及Vue…
vue-cli 目录结构详细讲解
[toc] 目录 结构预览 ├─build // 保存一些webpack的初始化配置,项目构建 │ ├─build.js // 生产环境构建 │ ├─check-version.js // 检查npm、node版本 │ …