请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

用引入的方式(<script src="https://unpkg.com/vue"></script>)使用vue的时候,能不能引入单文件组件

用引入的方式(<script src="https://unpkg.com/vue"></script>)使用vue。在下面这个页面中,引入一个单组件,可以么,下面的代码有问题,要报错,无法正常执行。是不能这样引入单文件组件,还是说可以这样引入,只是要用system.js来挂载呢?谢谢~~

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="example">
    <component1></component1>
</div>
</body>
<script src="https://unpkg.com/vue"></script>
<script>
    //不能这样引入单文件组件么?因为我试了会报错。  或者是说可以这样引入,只是要用system.js来挂载?
    var component1 = require('./component1/component1.vue');
    var app = new Vue({
       components:{component1}
    });
</script>
</html>


正在回答

1回答

这样当然不可以 , .vue 单文件是需要 vue-loader 解析和编译的

0 回复 有任何疑惑可以回复我~
  • 提问者 milaiduoduo #1
    好的,懂了,它是通过vue-loader把.vue转化成js模块的
    回复 有任何疑惑可以回复我~ 2017-07-14 10:56:54
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信