在 Vue.js 組件上下文中，`this`指向了組件實例。因此當你切換到了不同的上下文時，要確保?`this`?指向一個可用的?`component`?變量。 換句話說，如果你正在使用?ES6?的話，就不要再編寫?`var self = this;`?這樣的代碼了，您可以安全地使用 Vue 組件。 ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#為什么-4)為什么？ * 使用?ES6，就不再需要將?`this`?保存到一個變量中了。 * 一般來說，當你使用箭頭函數時，會保留?`this`?的作用域。（譯者注：箭頭函數沒有它自己的 this 值，箭頭函數內的 this 值繼承自外圍作用域。） * 如果你沒有使用?ES6，當然也就不會使用?`箭頭函數`?啦，那你必須將 “this” 保存到到某個變量中。這是唯一的例外。 * 如果必須要使用的地方，定義為**var _this = this** ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#怎么做-4)怎么做？ ~~~ <script type="text/javascript"> export default { methods: { hello() { return 'hello'; }, printHello() { console.log(this.hello()); }, }, }; </script> <!-- 避免 --> <script type="text/javascript"> export default { methods: { hello() { return 'hello'; }, printHello() { const self = this; // 沒有必要 console.log(self.hello()); }, }, }; </script> ~~~