Vue Cli是一個全局安裝的命令行工具，可以為我們自動生成Vue.js項目結構和相關依賴庫，為我們快速構建Vue.js應用提供了極大的便利。

在Vue Cli中，我們可以通過創建.vue文件，編寫Vue頁面組件，進而實現前端的頁面呈現，其中，hello.vue是一個Vue組件的基本示例。

<template>
<div>
<h1></h1>
<p>{{ msg }}</p>
</div>
</template>
<script>
export default {
name: 'HelloWorld',
data () {
return {
msg: 'Hello Vue.js!'
}
}
}
</script>
<style>
</style>

該示例組件包含了Vue.js組件通用的三個部分，即template、script和style。

在template標簽中，我們可以編寫HTML模板代碼，用于描述頁面元素的結構和布局，并通過Vue.js的模板語法，將數據綁定到頁面上。

在script標簽中，我們可以編寫Vue組件邏輯代碼，包括組件的名稱、數據、計算屬性、鉤子函數等內容，用于組件的數據模型和行為邏輯的定義。

在style標簽中，我們可以編寫樣式相關的代碼，包括CSS樣式和組件的樣式作用域。

通過Vue Cli，我們可以在命令行中快速創建Vue.js項目和組件，并通過組件進行前端開發和應用的構建。