我找到原因了。

主要是 webpack 最后打包成的 bundle.js 不包含 vue-compile, 所以 template: '<p> test </p>' 是不起作用的。

要想起作用，需要使用 SFC 或者 render 函数。

大家不用回复了哈

@SilentDepth 你的 webpack 文件？ 你在浏览器中打开 html,显示 test 么？

@SilentDepth 感谢回复啊，我找到原因了。

主要是 webpack 最后打包成的 bundle.js 不包含 vue-compile, 所以 template: '<p> test </p>' 是不起作用的。

要想起作用，需要使用 SFC 或者 render 函数。

@duanzhihe 哈哈，感谢回复，我自己最近只是想了解前端的一些东西，之前把 node 和 webpack 之类的文档也大概看了一下，昨天看了 vue 的文档，想着不使用 vue-cli 来自己 build 一个简单的 demo 。。。可能是自己对一些细节的东西了解的不清楚，所以才有了以上的问题

@troycode 大神请明示啊，在哪里加呢。。。

@SilentDepth 没有任何异常，通过浏览器的 devtools 工具来查看的话，div element 没有了

@duanzhihe 不好意思啊，第一次发贴子，没注意 md 格式，代码格式搞错了，我又重新发了一个，忽略上面的吧。。。。我写的 template 确实是一个 DOM，问题就是，最名没有挂载到 el 所指定的 element 上。

我自己想用 webpack 来打包一个简单的 vue single file components，目的就是想了解一下原理。。。

说实话，看官方文档没找到原因。

@SilentDepth 不好意思啊，第一次发贴子，没注意 md 格式，代码格式搞错了，我又重新发了一个，忽略上面的吧。。。。我写的 template 确实是一个 DOM，问题就是，最名没有挂载到 el 所指定的 element 上

@azh7138m 不好意思啊，第一次发贴子，没注意 md 格式，代码格式搞错了，我又重新发了一个，忽略上面的吧。。。。

@JayLin1011 不好意思啊，第一次发贴子，没注意 md 格式，代码格式搞错了，我又重新发了一个，忽略上面的吧。。。。