初次学习Vue,输出Hello Vue!

Vue.js作为目前比较流行的js框架,而我却迟迟没有接触,深感不安!

使用vue之前先要下载vue.js文件,然后在html里面导入vue.js文件,下面试着输出"Hello Vue!"

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Hello Vue!</title>
        <script src="js/vue.js"></script>
    </head>
    <body>
        
    <div id="app">
        {{message}}
    </div>    
    
    <script>
        var app = new Vue({
            el : '#app',
            data : {
                message : 'Hello Vue!'
            }
        })
        
    </script>
    
    </body>
</html>

由上面代码我们可以得知: Vue.js 的核心是一个允许采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统.