<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vuejs001</title>
<script src="js/vue.js"></script>
</head>
<body>
<div id="app">
{{ message }}
<!-- 模板 -->
</div>
</body>
<script>
Vue.config.devtools = false; //生产环境中需要设置为false
Vue.config.productionTip = false; //阻止vue启动时生成生产消息
var app = new Vue({
el: '#app', //绑定选择器
data: { //储存数据
message: 'Hello Vue!!!!!'
}
})
</script>
</html>

本文介绍如何使用Vue.js框架创建一个简单的Web应用,通过实例展示了Vue的基本用法,包括配置环境、绑定数据和渲染模板。

被折叠的 条评论
为什么被折叠?



