vue组件引入
Posted cl94
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue组件引入相关的知识，希望对你有一定的参考价值。
/src/route/index.js
import Demo2 from ‘@/pages/demo2/index.vue‘
{
path : ‘/demo2‘,
name : ‘demo2‘,
component: Demo2
},
/src/pages/demo1/index.vue
<template>
<div>
<div>自定义组件</div>
<div>--------------------</div>
<countdown></countdown>
</div>
</template>
<script>
import countdown from ‘@/components/countdown.vue‘
export default{
data(){
return {
}
},
components : {
countdown
},
}
</script>
/src/components/countdown.vue
<template>
<p>{{time}}</p>
</template>
<script>
export default{
data(){
return {
time: 10,
}
},
mounted : function(){
let vm = this;
let t = setInterval(function(){
vm.time--;
if(vm.time == 0){
clearInterval(t);
vm.$emit(‘end‘);
}
},1000)
}
}
</script>
以上是关于vue组件引入的主要内容，如果未能解决你的问题，请参考以下文章