在創建基于Vue的iview頁面之前，我們需要先確保已經安裝好了Vue和iview庫，并且在項目中正確引入了這兩個庫。下面我們通過一些示例代碼來演示如何創建iview頁面。

import Vue from 'vue'
import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)

在引入了Vue和iview之后，我們需要在頁面中定義一個Vue實例，而iview則可以直接通過Vue實例的屬性來使用。

new Vue({
el: '#app',
data () {
return {
text: 'Hello iview!'
}
},
render (h) {
return (
<div>
<i-button>Button</i-button>
{{ text }}
</div>
)
}
})

在上面的代碼中，我們首先在Vue實例的data中定義了一個text屬性，用來存放要顯示的文本，然后在render函數中使用了iview的組件<i-button>和Vue的數據綁定{{ text }}。需要注意的是，在使用iview的組件時，需要在前面加上<i->前綴。

除了使用組件外，iview還提供了一些常用函數，可以進一步擴展我們的頁面功能。例如，我們可以使用iview的Message組件來進行頁面提示。

this.$Message.success('操作成功!')

在上面的代碼中，我們調用了iview的Message組件，將成功提示信息顯示在頁面上，以提高用戶體驗。

此外，iview還提供了一些常用工具函數，例如日期處理、表單驗證等，可以幫助我們更方便地完成頁面功能開發。例如，下面代碼實現了一個日期選擇器組件，并使用了iview的日期函數來格式化日期格式。

<template>
<date-picker v-model="date" type="date" format="yyyy/MM/dd"></date-picker>
</template>
<script>
export default {
data () {
return {
date: ''
}
},
methods: {
formatDate (date) {
return this.$util.date.format(date, 'yyyy/MM/dd')
}
}
}
</script>

在上面的代碼中，我們定義了一個日期選擇器組件，并將其綁定到了data中的date屬性。在方法中我們使用了iview提供的日期格式化函數將日期格式化成了“yyyy/MM/dd”的格式，便于用戶閱讀。

總之，iview作為一個基于Vue的UI框架，為我們提供了非常豐富的組件和工具函數，可以幫助我們在頁面開發中更快、更方便地實現各種功能。除了上述內容以外，iview還具有很多優質的特性，例如可定制主題、支持國際化等，可以根據項目需求進行配置。