## 配置文件
配置分為兩部分，View組件的配置文件，用于調試開發模式，生產模式等不同編譯方式，app.json用于配置前端頁面信息，加載組件，JS，CSS以及路由等功能
#### View配置信息
~~~
{
"method":
{
"name": "調用方法",
"value": "vue"
},
"prestrain":
{
"name": "預編譯模式",
"value": false
},
"postfix":
{
"name": "后綴名",
"value": ".html"
},
"cache":
{
"name": "緩存目錄",
"value": "temp/template"
},
"template":
{
"name": "模板目錄",
"value": "client/template"
},
"precode":
{
"name": "前置代碼",
"value": []
},
"rearcode":
{
"name": "后置代碼",
"value": []
}
}
~~~
具體操作 在server目錄中的config目錄下載新建vue.json支持的配置如上
實例代碼：
~~~
{
"rearcode": [],
"prestrain":true
}
~~~
#### app.json配置信息說明
~~~
{
"title": "this7應用",
"style": [ 需要加載的CSS文件，默認指向client根目錄
"app.css"
],
"script": [ 需要加載的JS文件，默認指向client根目錄
"config.js",
"vendor/this7-sdk/index.js",
"vendor/vue-sdk/index.js"
],
"components": 需要加載的組件文件，默認指向client根目錄
{
"this7": "components/this7"
},
"route":true, 是否開啟路由模式，開啟路由模式即可以再app.html中使用router-view標簽
"single": false, 單例模式，用于使用打包后的VUE應用
"excludeRoute": ["login/index"] 僅在路由模式下起效，排除路由，放在這里的頁面，講直接讀取，不經過router-view標簽
}
~~~
#### 頁面創建
This7框架內置頁面自動生成功能，可以通過瀏覽器地址生成頁面
~~~
輸入鏈接：
http://www.this7.com/test/index
頁面提示：
您訪問的頁面不存在，點擊此處立即創建
~~~
點擊“立即創建”，系統會在client的目錄生成對應名字的頁面文件，當然可以手動創建頁面
#### 頁面說明
代碼書寫方式幾乎和webpack下編寫VUE項目類似，除里加載組件需要通過在\<script type="text/json"\>或\<json\>下進行配置，不支持import形式加載 配置內容和app.json項相同
~~~
<template>
<div class="this7">
歡迎使用This7框架
</div>
</template>
<style type="text/css">
</style>
<script type="text/javascript">
export default {
data: {
},
method: {
},
mounted: function() {
}
}
</script>
<script type="text/json">
</script>
~~~
