Vue基本使用

//原生js
<div id="msg"></div>
<script type="text/javascript">
var msg = 'Hello World';
var div = document.getElementById('msg');
div.innerHTML = msg;
</script> 

//jQuery
<div id="msg"></div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
var msg = 'Hello World';
$('#msg').html(msg);
</script>

<div id="app">
        <div>{{msg}}</div> <!-- {{}} 插值表达式 -->
    </div>
    <script src="./js/vue.js"></script>
    <script>
        /* Vue的基本使用步骤
        1、 需要提供标签用于填充数据
        2、 引入vue.js库文件
        3、 可以使用vue的语法做功能了
        4、 把vue提供的数据填充到标签里面 */
        var vm = new Vue({
            el: '#app',
            data: {
                msg: 'hello vue'
            },
        });
    </script>