js文件中使用el表达式

const name = "John";
const age = 30;
const message = `My name is ${name} and I am ${age} years old.`;
console.log(message); // 输出: My name is John and I am 30 years old.

<!-- HTML文件 -->
<script id="template" type="text/x-handlebars-template">
  <p>My name is {{name}} and I am {{age}} years old.</p>
</script>

// JavaScript文件
const source = document.getElementById('template').innerHTML;
const template = Handlebars.compile(source);

const data = {
  name: "John",
  age: 30
};

const result = template(data);
document.body.innerHTML += result; // 输出: <p>My name is John and I am 30 years old.</p>

fetch('/api/user')
  .then(response => response.json())
  .then(data => {
    const message = `My name is ${data.name} and I am ${data.age} years old.`;
    console.log(message);
  })
  .catch(error => console.error('Error:', error));

<!-- HTML文件 -->
<div id="app">
  <p>My name is {{ name }} and I am {{ age }} years old.</p>
</div>

// JavaScript文件
const app = new Vue({
  el: '#app',
  data: {
    name: 'John',
    age: 30
  }
});