码上敲享录 > vue.js常见问题详解 > vue之声明式渲染

vue之声明式渲染

上一章章节目录下一章 2018-03-30已有2147人阅读 评论(0)

vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统


例如下面例子:

在Vue对象中声明Message这个变量,那么在页面上就可以渲染Message的数据到页面上显示,这就是vue的声明式渲染


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
       })
debugger
</script>
</head>
<body>
<div id="app">
   {{ message }}
</div>
</body>
</html>

本文地址:http://www.yayihouse.com/yayishuwu/chapter/1122

0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交