DOM操作能在组件中使用吗？
<template>
<p :style="{color: col}">{{time}}</p>
<div ref="head"></div>
</template>
<script>
export default{
data(){
return{
time: 10
}
},
mounted(){
this.$refs.head.innerHTML='eeeeee';
var vm = this;
var t = setInterval(function(){
vm.time--;
if(vm.time == 0){
vm.$emit("end");
clearInterval(t);
}
},1000)
},
props:{
col:{
type: String,
default: '#000'
}
}
}
</script>
20
收起
正在回答
2回答
同学你好， 对于你的问题解答如下：
1、因为vue语法规定，template下只能设置一个子元素，同学在template下写两个子元素div和p的方式是不对的，所以推荐同学在外层嵌套一个div。
2、是的，老师这里描述的两个根组件是指p标签和div标签
3、根组件就是指template下的子元素。
同学可以试着理解下，祝学习愉快~
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星