Vue46-render函数

一、非单文件和单文件的main.js对比

1-1、非单文件的main.js

1-2、 单文件的main.js

将单文件的main.js中的render函数变成非单文件的main.js中的template形式,报如下错误:

解决方式:

二、解决方式

2-1、引入完成版的vue.js 

精简版的vue,残缺了模版解析器,即使在template中只展示<h1>都不行!

应该引入的vue.js

2-2、使用render函数

1、render函数的一般写法

 

2、render函数的简化写法 

三、脚手架中为什么要引入精简版的vue.js

vue中包含两个内容

  • vue的核心:生命周期、处理事件......
  • 模版解析器(占了vue.js的1/3的体系)

四、小结 

注意:只有创建vue的时候用到了render函数,其余地方不用!

相关推荐

  1. vue中如何使用render函数

    2024-06-16 10:00:04       12 阅读
  2. Vue2源码梳理:render函数的实现

    2024-06-16 10:00:04       28 阅读
  3. vue组件render函数中作用域插槽使用方式

    2024-06-16 10:00:04       10 阅读
  4. render函数的基本实现

    2024-06-16 10:00:04       33 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-16 10:00:04       14 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-16 10:00:04       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-16 10:00:04       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-16 10:00:04       18 阅读

热门阅读

  1. C++语法10 变量连续赋值、自增自减

    2024-06-16 10:00:04       6 阅读
  2. Android 的整体架构

    2024-06-16 10:00:04       6 阅读
  3. Android基础-RecyclerView的优点

    2024-06-16 10:00:04       7 阅读
  4. AWS无服务器 应用程序开发—第十一章API Gateway

    2024-06-16 10:00:04       5 阅读
  5. Eclipse 重构菜单

    2024-06-16 10:00:04       6 阅读
  6. jEasyUI 转换 HTML 表格为数据网格

    2024-06-16 10:00:04       8 阅读
  7. Web前端与软件测试:探索技术与质量的双重世界

    2024-06-16 10:00:04       11 阅读
  8. [英语单词] ellipsize,动词化后缀 -ize

    2024-06-16 10:00:04       9 阅读