为了账号安全,请及时绑定邮箱和手机立即绑定

app.vue组件中的内容出不来

输入指令npm run dev后打包通过,添加的背景图经打包后都能出来,但app.vue中的内容没有,也没报错,求解

正在回答

5 回答

检查.js中的及.vue中的命名是否正确

const root = document.createElement('div')

document.body.appendChild(root)


new Vue({

   render: (h) => h(App)

}).$mount(root)


.vue代码:

<template>

   <div id="test">{{text}}</div>

</template>

<script>

export default {

   data() {

       return {

           text:'abc'

       }

   },

}

</script>

<style>

#test{

   color: red;

}

</style>


0 回复 有任何疑惑可以回复我~

new Vue({

render:(h) => h(App)

}).$mount(root)

中的mount里面少了root,所以app.vue里面的内容出不来

0 回复 有任何疑惑可以回复我~

和你一样的问题,你解决了吗?

0 回复 有任何疑惑可以回复我~
我的是因为在index.js里,document.body.appendChild(root)中缺少了body,所以内容没加上。你可以检查下。
0 回复 有任何疑惑可以回复我~

贴上代码,才能找到原因,我也遇到了,但是,我是将text写错了,没有明显的错误提示,但有警告,通过警告发现是拼写错误导致没法显示,

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

app.vue组件中的内容出不来

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信