请稍等 ...
×

采纳答案成功!

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号