简单的vue应用程序不显示任何内容

Question

完整代码：https://github.com/kenpeter/test_vue_template

git clone https://github.com/kenpeter/test_vue_template 

安装：yarn install

运行：yarn dev

访问localhost:8080，看不到任何内容

Answer 1

因为您没有在根组件中呈现任何内容。

在app中，渲染<div id="app"> <app></app> </div> 组件：

index.html

有几种方法可以做到这一点。如果您不想触摸main.js，也可以修改new Vue({ el: '#app', render: h => h(App), components: { App } }) 。下面的所有代码都应该有效：

new Vue({
  el: '#app',
  template: '<App/>',
  components: {
    App
  }
})

或

x=paste("Header_",1:4) 
y=c('A','B','C','D')
data=data.frame(x,y)
data
data[,1,drop =F]
          x
1 Header_ 1
2 Header_ 2
3 Header_ 3
4 Header_ 4