Load experiments via tracking options on runtime

app/assets/javascripts/vue_shared/new_namespace/components/welcome.vue

 <script>
 import { GlSafeHtmlDirective as SafeHtml } from '@gitlab/ui';
-import Vue from 'vue';
 import Tracking from '~/tracking';
 
 export default {
   directives: {
     SafeHtml,
   },
+  mixins: [Tracking.mixin()],
   props: {
     title: {
       type: String,
@@ -17,16 +17,6 @@ export default {
       required: true,
     },
   },
-  created() {
-    const trackingMixin = Tracking.mixin();
-    const trackingInstance = new Vue({
-      ...trackingMixin,
-      render() {
-        return null;
-      },
-    });
-    this.track = trackingInstance.track;
-  },
 };
 </script>
 <template>

doc/development/snowplow/index.md

@@ -279,7 +279,8 @@ export default {
 ```
 
 The event data can be provided with a `tracking` object, declared in the `data` function,
-or as a `computed property`.
+or as a `computed property`. A `tracking` object is convenient when the default
+event properties are dynamic or provided at runtime.
 
 ```javascript
 export default {
@@ -292,6 +293,7 @@ export default {
         // category: '',
         // property: '',
         // value: '',
+        // experiment: '',
         // extra: {},
       },
     };