《Java EE框架（SSM + Spring Boot + Vue.js 3）整合开发》 课件 第15章 Vue3 进阶.pdfVIP

J a v a E E 框 架 整 合 开 发 创 新 ·协 作 ·分 享 第十五章 Vue 进阶 T I P C C 教 案 本章目标 T I P C C 教 案 1. 了解render函数的原理 2. 了解静态模块打包 具webpack的用法 3. 了解组合API的用法 4. 掌握路由vue-router的基本用法 5. 掌握Vue.js应用程序开发的状态管理模式 本章内容 T I P C C 教 案 15.1 render函数 15.2 组合API 15.3 使用webpa k 15.4 路由vue-router 15.5 状态管理与Vuex 15.1 render函数 T I P C C 教 案 ➢15.1.1 什么是render函数 ➢15.1.2 h()函数 15.1.1 什么是render函数 T I P C C 教 案 ➢render函数与模板template一样，都是 建HTML。 ➢在多数情况下，Vue推荐使用模板template来 建HTML。然而 在一些应用场景中，需要使用Javascript 建HTML。这时可以 用渲染函数render，它比模板更方便。 ➢ 【例ch15-1】根据不同等级的锚点，显示不同的标题。 代码没有任何问题，但是缺点非常明显：代码冗长、重复率高。 ？？请思考 为什么学习render函数？ 【例15-2】使用render函数改写 【例15-1】 T I P C C 教 案 ponent anchored-heading, { render ) { return Vue.h h + this.level,//tag参数 [//children参数 Vue.h a,//tag参数 {//props参数 href:# + thi