To make vue 3 work fine with webpack without using vite or vue cli follow these steps : init the package.json like : { “private”: true, “name”: “vue-3”, “description”: null, } install the last version of vue : npm i –save vue@next vue-loader@next install also the dev dependencies that includes @vue/compiler-sfc which replaces vue-template-compiler npm … Read more
Say I want to import data into a component from src/mylib.js: var test = { foo () { console.log(‘foo’) }, bar () { console.log(‘bar’) }, baz () { console.log(‘baz’) } } export default test In my .Vue file I simply imported test from src/mylib.js: <script> import test from ‘@/mylib’ console.log(test.foo()) … </script>
From the data() method, you can reference the component’s properties using this. So in your case: data: function() { var theData = { somevar: this.messageId, // other object attributes } return theData; }
Update: April-2020 For people who are using Vue 3, the watch API can accept multiple sources import { watch, ref } from ‘vue’; export default { setup(() => { const a = ref(1), b = ref(‘hello’); watch([a, b], ([newA, newB], [prevA, prevB]) => { // do whatever you want }); }); }; Original answer for … Read more