Vue的基本格式：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="en">
    <head charest="UTF-8">
        <title>Vue基础</title>
    </head>
    <body>
        <div id="app">
            {{ message }}
        </div>
        <!-- 开发环境版本 -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script>
            var app = new Vue({
                el:"#app",
                data:{
                    message:"Hello Vue!"
                }
            })
        </script>
    </body>
</html>

在HTML标签里加上v-text来解析文本，

v-html来解析HTML标签，

v-on来绑定事件，

v-show用布尔值来切换元素的显示和隐藏，

v-if的效果和v-show类似但是他是直接将标签移出dom树而不是仅改变显示属性。

v-bind作用是为元素绑定属性完整写法 v-bind:属性名，简写 :属性名

创建Vue实例的时候el是挂载点，data是数据，methods是方法