javascript - 关于vue组件的问题?大神求解答
黄舟
黄舟 2017-04-11 11:08:53
0
3
707

vue组件的方法是
Vue.conpentent('aaa'{
template:'<p>12131</p>'
})

然后再页面上直接写aaa标签就可以用了 对吧?

假如我这个组件里面要写很多东西,那么我都要写到template里面么?这样是不是有点臃肿??

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全員に返信(3)
Ty80
如下:
test.vue
<template>
    <p>
        <h1>
            Hello,{{ message }}
        </h1>
    </p>
</template>
<script>
    export default {
        data:function(){
        return{
            message:'test'
        }
      }
    }
</script>
然后js里面
import Test from 'test.vue'
 Vue.component(组件的名称, Test );
いいねを押す +0
伊谢尔伦

这个是组件的最初级用法,或者说只是一个示例

如果想要纯粹的HTML代码,请用webpack + vue-loader

いいねを押す +0
伊谢尔伦

用 script 或者 template 标签

大型应用用 .vue 的单文件组件

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート