An example of vue render

vue-render.js

/**
 * Mixins patter
 for create other components
 * @param {*} heading level for example h1, h2
 */
export function generateTitle(level) {
  return {
    render: function(createElement) {
      return createElement(
        `h${level}`,
        {
          attrs: {
            style: "color: red",
            ref: "container"
          }
        },
        this.$slots.default // Get the rest DOM nodes
      );
    },

    props: {
      level: {
        type: Number,
        default: level // level from param
      }
    }
  };
}

// Expose type
export const MyTitle = generateTitle(1);
export const MyMediumTitle = generateTitle(2);

export default {
  MyTitle,
  MyMediumTitle
};