Vue中的substr函數是用來返回指定位置開始的指定長度的字符串的函數。這個函數是JavaScript中的一個內置函數，但是在Vue框架中它有一些變化，可能會讓一些開發者感到困惑。在這篇文章中，我們將深入探討Vue中substr函數的用法和注意事項。

在Vue中，substr函數的用法和JavaScript中的用法基本一致。我們可以通過指定一個起始位置和一個長度來獲得我們需要的字符串。假設我們有這樣一個字符串：

let str = "Hello, world!";

如果我們想要從字符串的第7個字符開始獲得4個字符的子字符串，我們可以這樣寫：

let subStr = str.substr(6, 4);
console.log(subStr); //輸出“world"

在Vue中，substr函數有一些注意事項。首先，substr函數只能用來處理字符串類型的數據，其他類型的數據如果在該函數上調用將會返回一個錯誤。其次，substr函數的第一個參數表示起始位置，如果出現負數，代表從字符串末尾開始倒數的位置，而不是從字符串的開頭算起。最后，substr函數的第二個參數表示需要獲取的長度，如果沒有傳入該參數，或者傳入的參數大于字符串的長度，那么默認會返回整個字符串。

由于substr函數參數的一些特殊性質，我們需要注意一些使用技巧。如果我們想要從字符串的第一個字符開始獲得4個字符的子字符串，我們可以這樣寫：

let subStr = str.substr(0, 4);
console.log(subStr); //輸出“Hello"

如果我們想要從字符串的倒數第6個字符開始獲得3個字符的子字符串，我們可以這樣寫：

let subStr = str.substr(-6, 3);
console.log(subStr); //輸出“rld"

總結起來，Vue中的substr函數基本上和JavaScript中的substr函數一致，但是需要注意一些特殊的使用方式。我們需要區分起始位置和字符串的長度，以免產生錯誤或者得到意外的結果。只有在正確地使用substr函數之后，才能充分發揮這個函數在Vue開發中的作用。