> For the complete documentation index, see [llms.txt](https://doc.view-js.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.view-js.com/main.-mo-ren-shi-tu.md).
# 默认视图
## 概述
默认视图，即为没有指定要访问的视图信息时，页面加载完成后，第一个展现给用户的视图。
除非明确指定，否则 View\.js 将使用视图容器的 DOM 树中，自上而下 顺序的第一个视图为默认视图。
## 声明默认视图
开发者可以使用 `data-view-default` 属性静态指定默认视图，如下所示：
{% tabs %}
{% tab title="main.html" %}
```markup
```
{% endtab %}
{% endtabs %}
虽然视图 view1 先于 view2 存在，但由于明确指定了视图 view2 为默认视图，所以页面打开后，View\.js 将自动展现 view2。
> 如果有多个视图被声明为默认视图，则 View\.js 将依据 DOM 自上而下 的顺序，使用声明的第一个默认视图。
除了静态指定，开发者也可以在 View\.js 就绪前通过脚本动态指定，如下所示：
{% tabs %}
{% tab title="init.js" %}
```javascript
/**
* View.beforeInit() 方法，用于添加预处理器，
* 这些预处理器在 View.js 初始化前同步执行。
*/
View.beforeInit(function(){
View.setAsDefault("home-page");
var defaultViewId = View.getDefaultView().id;
console.log(defaultViewId );// --> 'home-page'
});
```
{% endtab %}
{% endtabs %}