前言:element ui 中有些 demo 使用了 vue 的 VNode,但是 demo 毕竟不全,所以想要了解 VNode 到底是什么,如何写出符合自己业务的代码. vue 官网介绍:渲染函数 & JSX createElement 函数 这里涉及到 createElement 函数.这个函数的返回值就是一个 VNode 对象. createElement 到底会返回什么呢?其实不是一个实际的 DOM 元素.它更准确的名字可能是 createNodeDescription,因为它所包含的信…

最近在项目上需要一个信息弹窗,来显示信息.一开始只让它弹出了文字,而且只有一条信息.而给我的需求是多条文字和图片,而后我使用了element ui中的 Notification 通知组件来显示.当然,基础的 Notification 还不行,所以我使用了具有 HTML 片段的 Notification ,以及搭配 Vue 中的h()函数一起来使用. 下面是element ui 中给出的 Notification 组件(具有 HTML 片段的 Notification ).而要完成我的需求,只需在…

给样式背景赋值: :style="{backgroundImage:'url(' + otherInfo.head_image + ')'}" <img :src="'__ROOT__/upload/'+mesay.message" v-if="message.type == 'text'"…

vue源码业余时间差不多看了一年,以前在网上找帖子,发现很多帖子很零散,都是一部分一部分说,断章的很多,所以自己下定决定一行行看,经过自己坚持与努力,现在基本看完了,差ddf那部分,因为考虑到自己要换工作了,所以暂缓下来先,ddf那块后期我会补上去.这个vue源码逐行分析,我基本每一行都打上注释,加上整个框架的流程思维导图,基本上是小白也能看懂的vue源码了. 说的非常的详细,里面的源码注释,有些是参考网上帖子的,有些是自己多年开发vue经验而猜测的,有些是自己跑上下文程序知道的,本人水平可能有…

前言 总所周知,Vue新版本3.0 使用 TypeScript 开发,让本来就很火的 TypeScript 受到更多人的关注.虽然 TypeScript 在近几年才火,但其实它诞生于2012年10月,正式版本发布于2013年6月,是由微软编写的自由和开源的编程语言.TypeScript 是 JavaScript 的一个超集,扩展了 JavaScript 的语法,添加了可选的静态类型和基于类的面向对象编程. JavaScript开发中经常遇到的错误就是变量或属性不存在,然而这些都是低级错误,而静态…

Vue.js 是一款极简的 mvvm 框架,如果让我用一个词来形容它,就是 “轻·巧” .如果用一句话来描述它,它能够集众多优秀逐流的前端框架之大成,但同时保持简单易用.废话不多说,来看几个例子: <script src="vue.js"></script> <div id="demo"> {{message}} <input v-model="message"> </div> <…

写这篇博客的目的是让广大的学者在初入Vue项目的时候少走些弯路,虽然现在有很多博客也有差不多的内容,但是博主在里面添加了一些学习时碰到的小问题.在阅读这篇博客之前,我先给大家推荐一篇文章<入门Webpack,看这篇就够了>(网址:http://www.jianshu.com/p/42e11515c10f),看完这篇文章,相信大家对于webpack包管理工具会有一个新的认识. 一.cnpm的安装 npm是node的包管理工具,由于npm是基于国外的服务器,所以有些电脑运行起来比较慢,在这里我们选…

我们现在来学习一下vue中一些简单的小东西: 首先我们必须要引入vue.js文件哦! 1.有关文本框里的checkbox js代码: new Vue({ el:"#app", data:{ mag:" " } }) html代码: <div id="app"> <input type="checkbox" v-model="mag"> <h1>{{mag}}</h1…

之前刚学了一些Vue的皮毛于是写了一个本地播放器https://github.com/liwenchi123000/Local-Music-Player,如果觉得ok的朋友可以给个star. 就是很简单,由于是第一次用Vue写小demo,所以代码写的有点蠢很裸的那种,不像大神那样一看代码组织的就很美. 但好就在于是和官网的文档写法差不多,为什么这么说呢,看接下来的就知道了. 有一次看到了别人写的应用,点进去一看惊呆了 这咋还能这么写呢?这html不用引用script吗? 然后随手在src里找到了…

Vue.js 是一款极简的 mvvm 框架,如果让我用一个词来形容它,就是 “轻·巧” .如果用一句话来描述它,它能够集众多优秀逐流的前端框架之大成,但同时保持简单易用.废话不多说,来看几个例子: <script src="vue.js"></script> <div id="demo"> {{message}} <input v-model="message"> </div> <…