vue.js引用的位置

实例代码

<div id="app">
    <p>{{ message }}</p>
    <input v-model="message">
</div>
<!-- JavaScript 代码需要放在尾部（指定的HTML元素之后） -->
<script src="./vue.js"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            message: 'Hello Vue!'
        }
    })
</script>

三个要素

1. 使用vue的html元素置于最上方；
2. vue.js的引用必须单独一行，标签之间不能添加任何js代码；
3. 对于使用vue的脚本，必须在vue.js引入位置的下方