Vue.js

Vue——定义template

2021-09-07 11:27发布

站内文章 / Vue.js
742 0 0

一丶实战代码


<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
  {{message}}
</div>
<script>
  const app = new Vue({
    el:"#app",
    data:{
      message:"Hello Ting,I am Key!"
    }
  })
</script>
</body>
</html>

二丶定义模板流程

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


三丶最终结果

在这里插入图片描述


在这里插入图片描述