通过demo学习vue.js,效果出不来。
尝试
试过
a. npm run dev启动服务访问;
b. npm uninstall vue / npm install vue 重新安装;
c. 安装vue-cli
都不行。
原因
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>vue-demo01</title>
<script src="node_modules/vue/dist/vue.js"></script>
</head>
<body>
<!-- 引入vue视图 -->
<div id="app">
{{msg}}
<!-- 插值表达式 {{}}-->
<h3>{{message}}</h3>
{{100 + 200 / 2}}
</div>
<!-- 引入vue代码 -->
<script type="text/javascript">
// 创建vue实例
var vue = new vue({
el : "app", //element 指定渲染的html元素
data : { //数据对象 model
msg : "helloVue",
message : "helloWorld"
}
});
</script>
</body>
</html>
---> 因为idea提示的是vue,所以new Vue({}) 的v写成了小写,el : '#app' 少了个 #