关于在.js文件中引入.art模板

课程中，老师在index.js中引入index.art，按照打印的结果，如果去掉打印语句，只执行

render({ page: "首页" });

index.html上不应该在下方显示“首页”吗?但是为什么没有显示出来呢？

相关代码：

import render from './index.art';
render({ page: "首页" });
console.log(render({ page: '首页' }));

相关代码：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>首页</title>
  </head>
  <body>
    <header>我是首页的头部</header>

    <p>我是首页</p>

    <footer>我是首页的底部</footer>

  <script src="js/index.js"></script></body>
</html>

慕妹8003063 2021-01-08

源自：“仿穷游”首页组件化开发 2-4 在Webpack中使用art-template

收起

1回答

好帮手慕夭夭回答被采纳获得+3积分 2021-01-08 12:12:48

同学你好，js中是导入了index.art模板并使用，它并不会改变原index.art模板的内容。换句话说，其他js中也可以导入index.art模板并传入不同的数据，但只是在当前js中拿到了一个带有数据的模板。所以render({ page: "首页" })和输出不输出没有关系，render({ page: "首页" })调用返回的是一个带有“首页”的模板，但是并不会改变原模板的内容。如下：

在其他js中也导入index模板，并传入了数据。render({ page: "列表" })返回的是一个带有“列表”的模板，我们使用一个变量接收它的值并输出