没有显示出来。谢谢

发布于
2020-07-16

更新于
2020-07-16

<!DOCTYPE html>
<html>
<div id="app1">
  <coma :kit="kit"></coma>
 </div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<script>
var vmB = new Vue({
  el:"#app1",
  data: {kit:'sssssssss'},
  components:{
    "coma":{
      props:['kit'],
      template:`
      <div>
        <p>{{kit}}</p>
      </div>`
    }
  },
  template:'<coma></coma>'
})
</script>
</html>

前端 javascript vue.js

阅读 1.8k

2 个回答

得票最新

小学生

3015

发布于
2020-07-16

✓ 已被采纳

      template:`
      <div>
        <p>{{kit}}</p>
        <br>
        <button @click='ch'>haha</button>
      </div>`

这里要加反引号。

kkopite

2.1k1913

发布于
2020-07-17

因为你声明vmB的时候传了el又传了template, 当然就是按照传入的template: <coma></coma>渲染咯，而这里面又没有给这个组件传kit值，自然看上上啥都没有

去掉template:'<coma></coma>'这行就行了

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

请问我这个局部注册的组件，为什么<p>{{kit}}</p>没有显示出来。谢谢

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

如何防止接口的 key 泄露?

字节的 trae AI IDE 不支持类似 vscode 的 ssh remote 远程开发怎么办？

在购买页面，这里有： for 1 month, for 3 months，这里说的意思是什么呢？

Next.js做纯前端是否可行？

CSS如何让指定的某个Tag不显示（比如：display=none），但是还是占有位置呢？

如何在Vue中点击菜单弹出v-dialog对话框？