vue底层之mustache初识（1）

最新推荐文章于 2023-04-07 00:40:33 发布

VIP文章简单的小伙子

最新推荐文章于 2023-04-07 00:40:33 发布

阅读量145

点赞数

分类专栏： vue 文章标签： js

本文链接：https://blog.csdn.net/weixin_44226789/article/details/114766172

版权

什么是模板引擎
mustache基本使用
mustache的底层核心机理
带你手写实现mustache

什么是模板引擎：
结论：模板引擎是将数据要变为视图最优雅的解决方案

其他：mustache又称为小胡子

历史上将数据变为视图的方法

在这里插入图片描述

纯Dom法：

直接进行dom操作回显数据，需要创建子节点进行添加到dom上面，


<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<ui id="list">
	</ui>
</body>
<script>
	var arr = [
		{
    "name": "小明", "age": "23", "sex": "男" },
		{
    "name": "小张", "age": "23", "sex": "女" },
		{
    "name": "小耿", "age": "23", "sex": "女" },
		{
    "name": "小李", "age": "23", "sex": "男" }
	];

最低0.47元/天解锁文章

优惠劵

简单的小伙子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue底层之mustache初识（1）

什么是模板引擎mustache基本使用mustache的底层核心机理带你手写实现mustache什么是模板引擎：结论：模板引擎是将数据要变为视图最优雅的解决方案其他：mustache又称为小胡子历史上将数据变为视图的方法...
复制链接

扫一扫