vue文件中的 text 内容没有显示,并且在页面报错

来源:2-3 webpack-dev-server的配置和使用

慕妹1383267

2019-04-28 10:21

报错提示:

[Vue warn]: Failed to mount component: template or render function not defined.


found in


---> <App> at src/app.vue

       <Root>

相关代码:

app.vue:

    <template>

        <div id='test'>

            {{text}}

        </div>

    </template>

    <script>

        export default {

            data(){

                return{

                    text:'abc'

                }

            }

        }

    </script>

    <style>

    #test{

        color:black;

    }

    </style>


index.js:    

import Vue from 'vue'

import App from './app.vue'

import './assert/style/test.css'

import './assert/image/nn.png'

import './assert/style/test.less'

const root = document.createElement('div')

document.body.appendChild(root)


new Vue({

    render:(h)=>h(App)

}).$mount(root)


写回答 关注

2回答

  • qq_啊啦嘞_0
    2019-07-28 13:55:50

    你的文件index.js文件引入app.vue的路劲写的是对的吗?你确认一下


  • 土土的星
    2019-04-29 15:57:08

    引入错误 你的render函数写错了 应该是 render:(h)=>h(app) 对应的是你写的vue模块

Vue+Webpack打造todo应用

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

84606 学习 · 787 问题

查看课程

相似问题