Vue指令

插值语法
功能：用于解析标签内容。
写法：

<div id="app"> {{aaa}} </div>
1
阻止VUE在启动时产生的提示：

Vue.config.productionTip = false;
1
绑定容器
绑定容器的2种方式
1.el绑定 : " 容器 id 或 class 等 "
2.Vue实例.$mount( " 容器 id 或 class 等 " )，注：一定写在最后

el:'#app', //第一种绑定方法
app.$mount("#app") //第二种绑定方法
1
2
data用于给容器添加值

data: {
    app: 'Hello Vue!',
}
1
2
3
整体写法

//第一种
var app = new Vue({
    el: '#app',
    data: {
        message: 'Hello Vue!',
    }
})
//第二种
var app = new Vue({
    data: {
        message: 'Hello Vue!',
    }
})
app.$mount("#app");
1
2
3
4
5
6
7
8
9
10
11
12
13
14
v-i f和 v-show 区别
1.相同的：都可以进行显示隐藏
2.不同点：v-if存在或不存在，v-show展示或不展示
3.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show