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

来源:13-2 Vue-cli安装

milaiduoduo

2017-07-13

用引入的方式(<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回答

ustbhuangyi

2017-07-13

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

0
1
milaiduoduo
好的,懂了,它是通过vue-loader把.vue转化成js模块的
2017-07-14
共1条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程