vue使用了template组件后怎么继续使用自定义组件？

Question

<template>
    <div class="auth">
        <el-form :model="form" :rules="rules2" ref="form">
            <div class="panfish">
                <img :src="imgurl" :class="topimg"/>
            </div>
            <div class="panel">
                <h1 class="title">Sign IN</h1>
                <div class="input-group">
                    <div class="input-box">
                        <el-form-item prop="username">
                            <el-input type="text" v-model="form.username" auto-complete="off" placeholder="账号" @focus="username()" @blur="none()"></el-input>
                        </el-form-item>
                    </div>
                    <div class="input-box">
                        <el-form-item prop="password">
                            <el-input type="password" v-model="form.password" auto-complete="off" placeholder="密码" @focus="password()" @blur="none()"></el-input>
                        </el-form-item>
                    </div>
                </div>
                <el-button type="primary" class="btn" v-loading="loading" @click.native.prevent="handleSubmit2('form')">登录</el-button>
            </div>
        </el-form>
    </div>
</template>
<script>
  export default {
    components: {
      'remote-js': {
        render(createElement) {
          return createElement('script', { attrs: { type: 'text/javascript', src: this.src }});
        },
      props: {
        src: { type: String, required: true },
        },
      },
    },
   }
</script>

在网上找到了这个方法引入外部js

<remote-js src="https://g.alicdn.com/dingding/dinglogin/0.0.2/ddLogin.js">
</remote-js>

但是现在这个自定义组件放在template里面会报错，放在外面不引用，请问正确的使用姿势是怎样？

Answer 1

你可以放在index.html上。。。我的微信全局js也是放在index.html里面的。

    'remoteJs': {
                render(createElement) {
                    return createElement('script', {attrs: {type: 'text/javascript', src: this.src}});
                },

注意你的remoteJs的名字要用驼峰规则

Answer 2

谢邀。
不是很明白你的意思，如果是想写一个自定义组件，那么写好这个文件，在需要的地方引入，在components里面注册好，然后就可以在需要的地方用了。
父子组件porps传参:

<parent>
<child:key1="v1" :key2="v2" />
</parent>
//child.vue
props:{
  key1:{
    //这里可以指定传参的格式什么的
    },
  key2:{}
}