## 配置文件
配置分為兩部分,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>
~~~