搭建环境 npm init 初始化项目 npm i -D snabbdom 安装 npm i -D webpack@5 webpack-cli@3 webpack-dev-server@3 简单介绍 snabbdom 是一个DOM库.[重要] 不能够直接运行在Node环境中, 我们需要搭建一个webpack和webpack-dev-server的开发环境 需要注意的是必须安装webpck5. 不能够安装webpack4. 因为webpck4中没有读取 exports的能力哈 然后安装:目的是搭建…

其实不只是vue,react中在执行列表渲染时也会要求给每个组件添加上key这个属性. 要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法了. 我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面.而隐藏在背后的原理便是其高效的Diff算法. vue和react的虚拟DOM的Diff算法大致相同,其核心是基于两个简单的假设: 1.两个相同的组件产生类似的DOM结构,不同的组件产生不同的DOM结构. 2.同一层级的一组节点,他们…

vue中style标签使用属性scoped的注意事项 style上添加属性scoped可以实现样式私有化,但是在使用动态样式时,样式会不起作用.可以先去掉scoped…

// ES5 (function (h) { return h(App); }); // ES6 h => h(App); 官方文档 render: function (createElement) { return createElement( 'h' + this.level, // tag name 标签名称 this.$slots.default // 子组件中的阵列 ) } h是Vue.js 里面的 createElement 函数,这个函数的作用就是生成一个 VNode节点,rend…

前言 在vue开发SPA应用的过程中,多数情况下我们需要解决一个问题 就是在路由跳转的过程中需要更新你SPA应用的 title , 这一节不说其他,就展示如何使用 vue-router 的 导航钩子 去解决这么一个问题. 接下来就愉快的去玩耍啦! 正文 好的,介绍下背景,我有这么一个 博客的demo ,里面有多个版块,每个版块有着不同的名称( title ) 先看一下Demo的路由结构 vue2.leenty.com ├── home # 首页版块 ├── article # 文章版块 │ ├─…

2018年06月20日 10:54:32 H-L 阅读数 5369   render: h => h(App) 是下面内容的缩写:   render: function (createElement) {   return createElement(App);   } 进一步缩写为(ES6 语法):   render (createElement) {   return createElement(App);   } 再进一步缩写为:   render (h){   return h(App)…

简介:对于不了解slot的用法(参考:大白话vue-slot的用法)又刚接触render函数的同学来说,官网的解释无疑一脸懵逼,这里就整理下个人对render函数的理解 问题: 1.render函数是什么 2.render函数怎么用 render函数是什么 简单的说,在vue中我们使用模板HTML语法组建页面的,使用render函数我们可以用js语言来构建DOM 因为vue是虚拟DOM,所以在拿到template模板时也要转译成VNode的函数,而用render函数构建DOM,vue就免去了转译…

本来我的需求是这样的,使用ElementUI的日期选择器,当日期选择器被更改时需要根据新日期来向服务器获取新数据,但是发现这个日期选择器没有change事件,后来终于发现vue有个watch函数就是用来干这个的.懒得写太多,直接贴段代码: watch: { seldate: function (val) { var date = new Date(val) var year = date.getFullYear() var month = date.getMonth() + 1 this.$st…

1.更新不需要权限的项目A,却提示没有权限. 先从Git上更新项目A的代码,提示没有权限. 然后从Git上更新其它项目B的代码,正常. 再更新项目A的代码,正常了. 奇葩问题! 2.Eclipse中,把编辑器和文件进行关联,内容展示更加友好. 网上找到了2种比较类似的方式: 方式1: Eclipse->Window->Preference->General->Editors->File Associations. 新增*.vm文件,关联编辑器为"HtmlEditor…

接下来我们对几个钩子函数进行解释 beforeCreated:这个钩子函数实在vue实例创建后,触发的.这个时候还没有进行data里的数据监听和事件的初始化 其实大家很多时候都会在created钩子函数中是调用事件,那么这个数据监听和事件初始化就是在beforeCreated之前和created之后进行的. beforeMount 这个进行模板编译,编译模板但是没有元素挂载,无法获取dom mounted 元素挂载结束,可以获取dom 元素 beforeUpdata 组件更新前调用 updata…