【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程
<template>
<div id="app">
<h1>{{ title }}</h1>
<p>{{ message }}</p>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return {
title: 'Vue.js 教程',
message: '欢迎来到 Vue.js 世界!'
}
}
}
</script>
<style>
#app {
text-align: center;
}
</style>
这个Vue组件定义了一个应用程序的根组件,它包括一个标题和一条消息。在这个简单的例子中,我们使用了Vue.js的模板语法来显示数据,并通过<style>
标签添加了一些基本的CSS样式。这个组件可以作为开始学习Vue.js的起点。
评论已关闭