You can just use v-model for selecting a default value on a select box: Markup: <div id=”app”> <select v-model=”selected”> <option value=”foo”>foo</option> <option value=”bar”>Bar</option> <option value=”baz”>Baz</option> </select> </div> View Model: new Vue({ el: “#app”, data: { selected: ‘bar’ } }); Here’s the JSFiddle: https://jsfiddle.net/Lxfxyqmf/
Yes, you can setup watcher on computed property, see the fiddle. Following is the code to set watch on computed property: const demo = new Vue({ el: ‘#demo’, data() { return { age: ” }; }, computed: { doubleAge() { return 2 * this.age; } }, watch: { doubleAge(newValue) { alert(`yes, computed property changed: ${newValue}`); … Read more
Just Adding Instance Properties For example, all components can access a global appName, you just write one line code: Vue.prototype.$appName=”My App” or in vue3 app.config.globalProperties.$http = axios.create({ /* … */ }) $ isn’t magic, it’s a convention Vue uses for properties that are available to all instances. Alternatively, you can write a plugin that includes … Read more