1 I'm trying to use the window object inside a Vue condition: <li v-if="window.SpeechRecognition || window.webkitSpeechRecognition"> <a href="#">Voice</a> </li> But I'm getting the following error: [Vue warn]: Property or method "window" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. How can I work around this error and only display the HTML element if the user's browser has support for the functions SpeechRecognition ? javascript vue.js share | improve this question edited Nov 14 '18 at 14:43 Caio Kawasaki asked Nov 14 '18 at 14:20 Caio Kawasaki Caio Kawasaki 1,180 2 14 36 Does this answer in the Vue forums help? – vahdet Nov 14 '18 at 14:24 What vahdet linked. To explain... while in ...