单独使用vue如何运行项目。

最近在学Vue,请问如果不用前端自动化构建工具(如webpack),npm安装vue的方式,能直接在浏览器中运行项目吗?

我写了一个最简单的demo:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>vue学习</title>

</head>

<body>

<div id="app">{{msg}}</div>

<script type="text/javascript">

new Vue({

el:"#app",

data:{

msg:"Hello Vue"

}

});

</script>

</body>

</html>

然后npm vue,npm vue-cli。发现浏览器报错,说vue is not defined.

纠结了好久这个问题,因为是新学,所以想vue懂了一些再加上自动化工具,可是发现这样实在是不能运行,平时写项目只能script引入vue.js,请大家指教!!!

行走的指尖
浏览 2359回答 1
1回答

码上有媳妇

楼主这种写法 确实 只能 引用 script 源文件, 要使用 import 语法 这种需要 在Node编译环境下才有的.
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Vue.js