前端学习（1352）模板语法

demo27.js

const template = require('art-template');
//绝对路径 模板中显示的数据
const path = require('path');
const views = path.join(__dirname, '01.art');
const html = template(views, {name: '张三',age: 20,content: '<h1>我是歌谣</h1>'
});
console.log(html);

01.art

<!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><p>{{name}}</p><p>{{age}}</p><p>{{content}}</p><p><%=name%></p><p><%=1+2%></p><p><%=content%></p>
</body>
</html>

运行结果

前端学习（1352）模板语法相关推荐

image是否有disabled属性_Vue学习笔记模板语法、计算属性
点击上方"蓝字"关注我们吧! vue学习笔记官网:https://cn.vuejs.org/v2/guide/ 1.vue体验 demo示例: image.png 示例代码: & ...
Vue官网学习（模板语法：一、{{}}双大括号语法）
Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据.所有 Vue.js 的模板都是合法的 HTML,所以能被遵循规范的浏览器和 HTML 解析 ...
vue3学习（模板语法）
创建一个vue项目 1.先在vs code终端输入vue create 项目名 2.选择Manually select features(手动选择选项),按enter确定 3.选择Babel(java ...
微信小程序学习day01-WXML 模板语法
目录 WXML 模板语法 - 数据绑定: 1.数据绑定的基本原则 2. 在 data 中定义页面的数据 3. Mustache 语法的格式 4. Mustache 语法的应用场景 5. 动态绑定内容 ...
[最完整的前端学习手册]——ES6语法
目录一.var.let.const 1.let 2.const 3.var.let和const区别二.解构赋值三.函数形参四.模板字符串五.数组拓展 1.数组拓展,...arr数组拓展运算符 ...
#学习笔记#模板语法
WXML wxml是框架设计的一套标签语言,结合基础组件,事件系统,可以构建出页面的结构 1.数据绑定在js文件中data里加入我们需要的数据,这里如图所示加入error 之后再wxml中调用数据时 ...
遇见 vue.js --------阿文的vue.js学习笔记（4）------模板语法
** 新学习新征程,我们一起踏上学习 vue.js的新长征遇见 vue.js --------阿文的vue.js学习笔记(1)-----初识vue.js 遇见 vue.js --------阿文的v ...
Vue学习心得记录之模板语法
下面是我这半年以来总结的Vue学习笔记,帮助自己复习学习Vue的基本用法.有需要的同志可以参考下. Vue的模板语法 Vue有很简单的模板语法,这些Vue指令用来响应式改变渲染DOM可以快速入门上手这 ...
从零学习Vue - 02模板语法、el与data两种写法、mvvm模型、数据代理
root容器里的代码被称为模板,有了模板会有特殊的模板语法.Vue模板中语法有两大类,一类是插值语法,另一类是指令语法. 插值语法功能:用于解析标签体内容.写法:{{xxx}},xxx为js表达式, ...
前端学习笔记之CSS3基础语法与盒模型（二）
前端学习笔记之 CSS3基础语法与盒模型 CSS3简介 CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言 CSS3是CSS的最新版本,增加了大量的样 ...

前端学习（1352）模板语法

前端学习（1352）模板语法相关推荐

最新文章

热门文章