vue2如何使用vueformulate

这是vueformulate的写法:

<FormulateForm
  v-model="formValues"
>
  <FormulateInput
    name="name"
    label="What is your name?"
    validation="required"
  />
  <FormulateInput
    name="age"
    label="How old are you?"
    validation="required|number|max:120"
  />
  <FormulateInput
    type="submit"
    label="Sign up"
  />
</FormulateForm>

正常情况下会出现:

img

当我将它放入我的vue2(环境中导入了vue2的js 还有vueformulate的js)中时:


<div id="order">
<FormulateForm
  v-model="formValues"
>
  <FormulateInput
    name="name"
    label="What is your name?"
    validation="required"
  />
  <FormulateInput
    name="age"
    label="How old are you?"
    validation="required|number|max:120"
  />
  <FormulateInput
    type="submit"
    label="Sign up"
  />
</FormulateForm>
</div>

<script>
 var order = new Vue({
            el:"#order",
            data: {
                formValues:{}
            }
        })
</script>

结果:
报错: 说是没有注册这个组件,

img

疑问: 但是这个formulateForm是别人写好的模板框架呀,我该如何解决问题呢?达到它该有的显示结果

要在script里面注册组件Vueformulate。。。试了很多次,原来是注册方式写错了。。
使用:Vue.use()注册。 之前用的Vue.component("",)

//注册全局组件VueFormulate到Vue
   Vue.use(VueFormulate)

要在script里面注册组件Vueformulate。。。试了很多次,原来是注册方式写错了。。
使用:Vue.use()注册。 之前用的Vue.component("",)

//注册全局组件VueFormulate到Vue
   Vue.use(VueFormulate)