使用Vue (^2.0.0-rc.6)+Browserify,入口点是索引.js:

import Vue from 'vue'
import App from './containers/App.vue'

new Vue({ // eslint-disable-line no-new
  el: '#root',
  render: (h) => h(App)
})

应用程序.vue:

<template>
  <div id="root">
    <hello></hello>
  </div>
</template>

<script>
import Hello from '../components/Hello.vue'
export default {
  components: {
    Hello
  }
}
</script>

<style>
body {
  font-family: Helvetica, sans-serif;
}
</style>

你好.vue:

<template>
  <div class="hello">
    <h1>\{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: 'Hello Vue!'
    }
  }
}
</script>

空白的白色屏幕,我错过了什么吗?

编辑:

输入的html只有<div id="root"></div>,控制台日志(log)上没有错误,我很确定您好.vue是从该文件出现在控制台上开始加载的.

编辑2:

发现错误:

[Vue warn]:您正在使用仅运行时版本的Vue,其中

这是否意味着我必须使用webpack解决方案?不能使用标准HTML?

SOLUTION:

推荐答案

为了让寻找答案的人们生活得更轻松:

import Vue from 'vue/dist/vue.js'
import App from './App.vue'

new Vue({
  el: '#app',
  render: h => h(App)
})

从作者那里——2.0独立构建意味着(编译器+运行时).NPM包的默认导出将仅在运行时进行,因为如果从NPM安装,您可能会使用构建工具预编译模板.

Vue.js相关问答推荐

Nuxt3 / Vue3 - 当属性更改时如何动态更改渲染组件?

如何在FormKit中验证文本输入框中不能输入数字

Vue.js 3 运行时挂载组件实例

如何在 Nuxt3 中使用 nuxtjs/auth-next 模块?

如何在 v-for 指令切换状态下安全地制作包含附加到对象的复选框的列表(W/O 切换列表中的其他复选框)?

使用 Vue.js 清除数组内容和react性问题

理解 VueJS 中的组件 props

如何使用 v-on:change 将输入文本传递给我的 vue 方法?

未捕获的错误:[vue-composition-api] 必须在使用任何函数之前调用 Vue.use(plugin)

在 vue.js 中获取当前时间和日期

Vue.js + Vuex:如何改变嵌套项状态?

为什么 CSS 关键帧动画在具有范围样式的 Vue 组件中被 destruct ?

VueJS + Typescript:类型上不存在属性

如何使用 laravel-mix 将 bootstrap-vue 加载到 Laravel 5 中?

POST 文件连同表单数据 Vue + axios

如何在 VueJS 中访问 [__ob__: Observer] 的元素?

我在 Nuxt 2.14.0 中运行的是什么版本的 Vue?

将 ref 的内容从子组件传递到另一个 VueJS 子组件

使用 VueJS 使用 3rd 方库打印元素

如何将单选按钮绑定到 vuex store ?