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

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 );
伊谢尔伦

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

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

伊谢尔伦

用 script 或者 template 标签

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!