当前位置:首页 > 精彩博文
时间:2019-04-03 作者:wengjq 阅读原文
之前看到 vue 文档出现这个单向数据流,就觉得有点纳闷,我擦,vue不是双向绑定的么,出现这个是什么鬼,看了文档里也说了两种情况修改 props 的处理方案。还是有点疑惑。所以有了这篇文章。 从v-model开始讲起 1、v-model 用在 input 元素上 v-model在使用的时候很像双向绑定的(实际上也是。。。),但是……
时间:2019-04-01 作者:浪里行舟 阅读原文
一、前言 当我们的应用遇到多个组件共享状态时,会需要多个组件依赖于同一状态抑或是来自不同视图的行为需要变更同一状态。以前的解决办法: a.将数据以及操作数据的行为都定义在父组件; b.将数据以及操作数据的行为传递给需要的各个子组件(有可能需要多级传递) 传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。在……
时间:2019-04-01 作者:浪里行舟 阅读原文
一、前言 要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。 二、vue-router是什么 这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA(单页应用)的路径管理器。再通俗的说,……
时间:2019-04-01 作者:浪里行舟 阅读原文
如果有需要源代码,请猛戳源代码 希望文章给大家些许帮助和启发,麻烦大家在GitHub上面点个赞!!!十分感谢 一、前言 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。组件间如何传递数据就显得至关重要。本文尽可能罗列出一些常见的数据传递方式,如props、$emit/$o……
时间:2019-04-01 作者:浪里行舟 阅读原文
如果有需要源代码,请猛戳源代码 希望文章给大家些许帮助和启发,麻烦大家在GitHub上面点个赞!!!十分感谢 一、自定义指令 Vue自定义指令和组件一样存在着全局注册和局部注册两种方式。先来看看注册全局指令的方式,通过 Vue.directive( id, [definition] ) 方式注册全局指令,第二个参数可以是对象数据,也可……
时间:2019-04-01 作者:浪里行舟 阅读原文
如果有需要源代码,请猛戳源代码 希望文章给大家些许帮助和启发,麻烦大家在GitHub上面点个赞!!!十分感谢 前言 本文将介绍vue2.0中的组件的继承与扩展,主要分享slot、mixins/extends和extend的用法。 一、slot 1.默认插槽和匿名插槽 slot用来获取组件中的原内容。有的时候为插槽提供默认的内容是很有用……
时间:2019-04-01 作者:浪里行舟 阅读原文
一、项目展示: 注意:如果gif动态图看不了,麻烦大家点击github美团项目中mt-app/src/assets/美团.gif便可以观看! 本项目很适合vue初学者,如果业务逻辑看不懂,很欢迎一起讨论! 源码地址:mt-app,欢迎 star 和 fork 如果对你有些许帮助,不妨点赞、关注我一下啊 二、项目涉及到技术栈: vue……
时间:2019-03-20 作者:JesseLuo 阅读原文
这是我在学完Vue后写的个人项目(也是我的第二个 个人项目), 在此分享给大家学习使用。 这是一个以Vue2.0为框架,结合 iView 和 ECharts 的后台组件, 可以说是在 iView 基础上的进一步组件化。 默认的主题沿用vue的官方主题绿, logo的设计也是用 vue的官方logo 简单变形得到 M 的形状。 希望可以帮助使用者快……
时间:2019-03-20 作者:JesseLuo 阅读原文
这是给vue manager写的一个图片列表组件, 使用了iView组件, 目前只实现比较简单的分页、搜索和删除功能 编辑功能只是给一个链接,目的是为了跳转到其他页面进行编辑 项目地址: https://github.com/luosijie/vue-manager 预览地址: https://luosijie.github.io/vue-manager/……
时间:2019-03-20 作者:JesseLuo 阅读原文
这是最近用Vue写的一个Markeddown编辑器, 主要目的是扩展Vue-Manager的编辑器功能。核心功能引入了Marked插件,将Markedown文档解析为html。样式基本沿用了vm-editor,并增加了多种主题选择的功能。 项目已经打包上传到npm,欢迎使用。 预览地址 https://luosijie.github.io/vm-markd……
时间:2019-03-18 作者:夏味 阅读原文
学习 vue 过程中的笔记,未完更新中 …完整【示例代码】请去我的 GitHub 仓库 pero-vue 查看 1. 环境配置注意本笔记使用的版本为当时的最新稳定版 Vue 2.x webpack 2 node 8.9.0 npm 5.6.0 1.1 使用到的技术文档node webpa……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 vue可以自定义指令,通过它可以做很多有趣的东西。比如vue-touch。官方的说明文档在这儿。 下面假设我要重写一个vue的绑定点击事件的指令,也就是说我要自己实现v-on:click。 源码 vue指令跟插件一样,是一个带有install方法的模块。 // index.js module.exports = { i……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 我们都知道,要想精通前端领域,研究分析成熟的框架是必不可少的一步。很多人可能都有这样的体会:“很努力地去阅读一些热门框架的源码,但是发现难度太高,花了很多时间却得不到什么,最终不得不放弃。” 我也一直被这个问题困扰,直到我想到了这样的一个方法。从成熟框架的早期源码开始看起,从作者的第一个commit开始看起,然后逐个的往前翻。这……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 继上一篇 #84 ,文末我们提到另一个问题如何监听数组的变化?,今天我们就来解决这个问题。我们先来看一眼vue官方说明文档? Vue.js 包装了被观察数组的变异方法,故它们能触发视图更新。被包装的方法有: push() pop() shift() unshift() splice() sort() reverse() 出处……
时间:2019-03-18 作者:梁少峰 阅读原文
// 占个坑,先写下一篇 //老兄 等着拜读你这篇呢 等出内伤 估计作者都忘了还有这么一个坑 作者这个TODO写的不错啊。 我靠,坑!@young……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 在上一篇 #87 中,我们最后谈到,有一个问题还没有解决,我们来看看是什么问题。如下图所示。 我们可以看到,在函数test中,前后两次更改了user.name的值,对应的DOM元素的更新也执行了两次。(注意,这里的DOM元素更新指的是内存中DOM元素的更新,而非浏览器渲染的更新。因为你从视觉上应该也看得出来,虽然DOM元素更新了……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 vue中有一个非常好用的功能:计算属性(computed) 在模板中绑定表达式是非常便利的,但是它们实际上只用于简单的操作。模板是为了描述视图的结构。在模板中放入太多的逻辑会让模板过重且难以维护。这就是为什么 Vue.js 将绑定表达式限制为一个表达式。如果需要多于一个表达式的逻辑,应当使用计算属性。 你可以像绑定普通属性一样……
时间:2019-03-18 作者:梁少峰 阅读原文
顾名思义 细心的读者可能已经发现,本篇的标题跟以往相比,去掉了早期两个字,这其实代表着学习方法的转换。 之前之所以要从早期源码开始看起,实在是因为面对庞大而成熟的vue源码无从下手。经过这一段时间以来的学习与探索,我已经渐渐地搞清楚了vue大部分基础功能的实现原理。当我在思考组件化原理的时候忽然发现一个问题:我花了1个多月的时间,才前……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 继 #93 之后,我们来探索如何实现Vue的父子组件通信。 在问如何实现之前,我习惯性地思考为什么。 为什么Vue、React这些MVVM框架会出现组件通信这个概念?犹记得我去年初刚刚学前端的时候,学的还是jquery,那时候还没接触组件的概念,所有的DOM都写到一块,A处的DOM和B处的DOM并没有明确的边界。如果A处的DOM……
时间:2019-03-18 作者:梁少峰 阅读原文
前言 最近接手一个老项目,典型的 Vue 组件化前端渲染,后续业务优化可能会朝 SSR 方向走,因此,就先做些技术储备。如果对 Vue SSR 完全不了解,请先阅读官方文档。 思路 Vue 提供了一个官方 Demo,该 Demo 优点是功能大而全,缺点是对新手不友好,容易让人看蒙。因此,今天我们来写一个更加容易上手的 Demo。总共分……
公益性全栈资源网站,鸣谢默默付出的博主、工程师、架构师们。
网站内容来源技术大牛的辛勤结晶。
81For 技术网站 Copyright ©2019 备案号:津ICP备19001147号-2