Question 23
Consider the below Vue application with markup file “index.html” and javascript file “app.js”.
index.html:
<div id="app"></div>app.js:
new Vue({ el: ‘#app’, template: `<div> Enter a point: <input v-model='point' /> <div id='content'>{{isOnCircle?"On the circle":"Not on the circle"}}</div> </div>`, data: { point: null, }, computed: { isOnCircle() { if (!this.point) { return false } const [x, y] = this.point.split(',') return x ** 2 + y ** 2 == 25 }, },})If the application is running on “http://localhost:8080”. What will be rendered by the browser in div with id “content” when user enters “3,4” in the input box?
On the circle
Not on the circle
true
False