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

来源:2-2 webpack配置项目加载各种静态资源及css预处理器

慕仙2237849

2018-05-27 23:36

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

写回答 关注

5回答

  • 慕虎1468082
    2019-02-22 18:14:31

    检查.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>


  • qq__Smile淡啶c_0
    2018-11-14 17:59:03

    new Vue({

    render:(h) => h(App)

    }).$mount(root)

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

  • 慕粉4414834
    2018-10-01 17:22:40

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

  • 木汀
    2018-06-02 22:16:13
    我的是因为在index.js里,document.body.appendChild(root)中缺少了body,所以内容没加上。你可以检查下。
  • 慕粉3348155
    2018-05-30 10:06:19

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

Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84606 学习 · 787 问题

查看课程

相似问题