Vue指令

插值语法

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

<div id="app"> {{aaa}} </div>

阻止VUE在启动时产生的提示：

Vue.config.productionTip = false;

绑定容器

绑定容器的2种方式

1.el绑定 : " 容器 id 或 class 等 "
2.Vue实例.$mount( " 容器 id 或 class 等 " )，注：一定写在最后

el:'#app', //第一种绑定方法
app.$mount("#app") //第二种绑定方法

data用于给容器添加值

data: {
	app: 'Hello Vue!',
}

整体写法

//第一种
var app = new Vue({
	el: '#app',
    data: {
    	message: 'Hello Vue!',
	}
})
//第二种
var app = new Vue({
    data: {
    	message: 'Hello Vue!',
	}
})
app.$mount("#app");

v-i f和 v-show 区别

1.相同的：都可以进行显示隐藏
2.不同点：v-if存在或不存在，v-show展示或不展示
3.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show