一个Java程序猿眼中的前后端分离以及Vue.js入门

因此，可以猜测，项目启动成功后，看到的页面效果定义在 App.vue 中

<template> 
 <div id="app"> 
 <img src="./assets/logo.png"> 
 <router-view/> 
 </div> 
</template> 
<script> 
export default { 
 name: 'App' 
} 
</script> 
<style> 
#app { 
 font-family: 'Avenir', Helvetica, Arial, sans-serif; 
 -webkit-font-smoothing: antialiased; 
 -moz-osx-font-smoothing: grayscale; 
 text-align: center; 
 color: #2c3e50; 
 margin-top: 60px; 
} 
</style> 

1. App.vue 是一个vue组件，这个组件中包含三部分内容：1.页面模板(template);2.页面脚本(script);3.页面样式(style)
2. 页面模板中，定义了页面的 HTML 元素，这里定义了两个，一个是一张图片，另一个则是一个 router-view
3. 页面脚本主要用来实现当前页面数据初始化、事件处理等等操作
4. 页面样式就是针对 template 中 HTML 元素的页面美化操作

（编辑：西安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!