[原始碼位址](
[專案demo](
# 這裡講下使用中注意的事項 具體的使用在專案原始碼中
## 關於typescript詳細配製
[tsconfig配製詳情](
## 關於命令
**`npm run creat [paths...]`**
本人對於不斷的建立元件資料夾已經很煩惱所以參考網上 生成了基於node的指令碼！
執行```shell
npm run creat views/home
// or
npm run creat components/home
會在對應的檔案`views`or`components`夾中生成 `index.ts`,`home.html`,`home.scss`
生成的檔案內部都有基本的使用** 如果對這個生成的檔案有個人需求 可以參考 專案目錄下的`generator.js` 檔案自行修改
## vue-property-decorator
vue-property-decorator 是在 vue-class-component 上增強了更多的結合 vue 特性的裝飾器，新增了這 7 個裝飾器
- @emit
- @inject
- @model
- @prop
- @provide
- @watch
- @component (從 vue-class-component 繼承)
## 專案中的語法使用方法
```js
import from 'vue-property-decorator'
@component
name:string = 'simon zhang'
// computed
get myname():string `
// methods
sayhello():void `)
mounted() `
methods: `)
## vuex-class
vuex-class是基於基於vue-class-component對vuex提供的裝飾器。它的作者同時也是vue-class-component的主要貢獻者，質量還是***的。
npm i vuex-class -s
使用方法
```js
import from 'vue-property-decorator'
import from "vuex-class";
@component
name:string = 'simon zhang'
@state login: boolean;
@action initajax: () => void;
@getter load: boolean;
get islogin(): boolean
window.filereader = window.filereader || {}
QT中的TS檔案與QM檔案
一 介紹一下qm檔案與ts檔案與作用與聯絡。qm是qt的語言檔案。用qt的languist先製作好ts檔案，再生成qm檔案，再在qt程式裡面載入qm檔案即可實現國際化 qm檔案是qt中translate類進行讀取的原始檔 英譯中的翻譯檔案 其 是不可讀懂的。ts檔案的生成 lupdate.exe v...
結合ts 的vue 遞迴元件寫法
vue 結合ts 使用時，遞迴元件的寫法 也是用name來引用，關鍵這裡說下在 設定name p 引用自己作為遞迴子元件 level level 1 nodedata data.children v if data.children listtree div template ts import f...
如何解決ts無法識別vue中的 refs
ue中 refs可能會返回乙個vue物件或者是element物件，但是typescript並不知道這是個什麼玩意兒，怎麼解決這個問題呢？解決辦法是我們手動指定其型別，例如有乙個scrollview.vue元件，我在父元件中引用它。如下方式引用即可。import scrollview from pat...