vue.js不起作用、效果

1,529 阅读1分钟

通过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' 少了个 #