前言

上一篇文章写了:「后端小伙伴来学前端了」分析Vue脚手架结构

简单说明了Vue的脚手架结构,但是上篇文章还欠了个小点没有说完,就在这篇文章中补齐。就是所谓的render函数。

一、main.js中引入的原来是残缺版vue.js

我们来接着看看main.js这个入口文件。

// 引入vue
import Vue from 'vue'
// 引入app组件
import App from './App.vue'// 关闭生产提示
Vue.config.productionTip = false// 创建 Vue 实例对象 Vm
new Vue({render: h => h(App) // 这里不是一下就能说完的,这里简单说下:// App 组件渲染,这里的 h 即是 vm.$createElement ,便是在vm.render这个阶段// 最粗略的理解,执行完这里,就是将app 放入了 容器中去了。
}).$mount('#app')
// Vue 的$mount()为手动挂载  这个也不是一下能说清,我也学艺不精,以后再补上 哈哈

这个代码,我想咱们只要创建过vue项目,大家肯定都写过了哈。

但是不知道大家有没有纠结过或者思考过new Vue() 中的 render:h=>h(App)是干什么。

(我是纯属刚学,好奇宝宝

「后端小伙伴来学前端了」Vue脚手架中 render 函数相关推荐

  1. 「后端小伙伴来学前端了」Vue中 this.$set的用法 | 可用于修改对象中数组的某一个对象、 可用于更新数据到视图

    夜晚有明月,梦里有佳人 前言 最近在写老师布置的vue项目,真的说实话,每天真就是在百度.google.bing等各个搜索引擎之间反复横跳,不然就是掘金搜一搜.思否搜一搜,还有CSDN看一看.我的前端 ...

  2. 「后端小伙伴来学前端了」Vue中Props 实现组件通信TodoList案例

    自己拍的小云彩 源码在文末. 前言 上篇文章写了个V利用Props进行组件之间的通信,这不立马就安排上这个案例拉丫.光学不敲等于没学哈(资深大佬除外哈) 目标就是实现如下的样子: 能够进行增删改查,并 ...

  3. 「后端小伙伴来学前端了」Vue中学会使用Echarts生成各种各样的图表,得学学了,必须要会的基本操作了

    依旧还是学妹给的封面 直接进入主题-在vue中使用个啥,都差不多是一个流程. 引入Echarts 安装 npm install echarts --save 我们写一个Echarts组件,在内进行引入 ...

  4. 「后端小伙伴来学前端了」Vue中为什么直接安装less-loader会报版本过高错误?你有没有思考过?

    清晨的☀ 前言 我们都知道在 Vue 中并不只有纯正的CSS,还有less.sass等,后面这些,写起来都可以级联着,不需要像原生的css那样,会方便很多. 大家都知道我也是最近写的vue,看见周围人 ...

  5. 「后端小伙伴来学前端了」Vue集成 Element-tiptap 富文本编辑器,实现气泡菜单,划词弹出菜单

    冬日暖阳 前言 今天在写前端的时候,就是遇到一个问题.一开始我以为用textarea去掉角标,实现自动增长,然后就可以了.谁知道它还得加样式,加粗.斜体,老师在最开始给的设计稿上根本没有.直接麻掉. ...

  6. 「后端小伙伴来学前端了」Vue中全局事件总线(GlobalEventBus)原理及探究过程

    前言 上一篇文章写了 Vue 中的自定义事件,自定义事件是全局事件总线基础.我在上一篇文章中埋下了一个小小的伏笔.如下图: 我说过,在Vue中如果我们用(@orv-on)给组件绑定上一个自定义事件,其 ...

  7. 「后端小伙伴来学前端了」Vue中利用全局事件总线改造 TodoList 案例

    前言 上上篇写了:

  8. 「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信

    月亮啊月亮 你能照见南边,也能照见北边 照见她,你跟她说一声,就说我想她了. 前言 前一篇文章写了 vue 中利用 Props 实现组件之间的通信,那种方式是最简单也是最基础的组件之间的通信方式.父组 ...

  9. 「后端小伙伴来学前端了」Vue中Props配合自定义方法实现组件间的通信

    校园的云 前言 废话: 上篇文章写了关于Vue 中的 props

最新文章

  1. Michael Brostein 最新几何深度学习综述:超越 WL 和原始消息传递的 GNN
  2. hdu2588 GCD
  3. 【数论】能量采集(P1447)
  4. MyEclipse或者Eclipse的小图标含义详解
  5. linux java url 异常_java异常处理总结
  6. Vue实例和生命周期 1
  7. 可变参数宏__VA_ARGS__和...
  8. 阿里云服务器ecs配置之安装redis服务
  9. Tex中关于字体更换的问题
  10. 用python模拟clark变换和park变换
  11. 自学Python第二十天- MongoDB 库
  12. 投资银行理论与实务(四):资产证券化
  13. python中content什么意思_python中requests的response.text与response.content区别
  14. Anaconda创建虚拟环境时报错 InvalidArchiveError Error with archive D:\\(anaconda的路径)\\pkgs\\vs2015_runtime
  15. 健康常识坚持用柠檬的好处(适量)
  16. Win11 22H2四个你不知道的隐藏功能
  17. 哈利.波特与混血王子
  18. LinuX 硬盘分区细节
  19. 给Revit中的Button添加动画和图片
  20. gridview的sort_Gridview分页后排序

热门文章

  1. SAP生产订单状态详解
  2. 细说伟哥那些你不知道的神奇用途
  3. ABAP--如何建立通过sap表维护工具来维护自定义表TCODE
  4. OO实现ALV TABLE 四:ALV的显示样式
  5. ABAP:区别CALL SCREEN/SET SCREEN/LEAVE TO SCREEN
  6. 从音乐到全“声”态,腾讯音乐发展的“中国范本”
  7. 赢得市值,失去人心,美团觉得划算吗?
  8. 不疯狂的外星人,已疯狂的资本
  9. python读取文件r_python 文件读写模式r,r+,w,w+,a,a+的区别(附代码示例)
  10. arrylist输入_创建一个ArrayList对象利用Add方法为其添加元素在文本框中输入数据在ArrayList查找?...