一、v-if与v-show的区别
- v-if隐藏式隐藏节点,v-show隐藏式css display:none
- 频繁切换现实与隐藏建议使用v-show,
次数少建议使用v-if
二、挂载点
vue的挂载点使用id选择器
vue的挂载点必须是一个具体的元素,不能是body或者HTML标签
1、通过el属性设置挂载点
const app = new Vue({
el:"#app"
})
2、通过$mount()方法设置挂载点)
const app = new Vue({
}).$mount('#app')
三、vue的基础语法
vue的(插值)模板语法"Mustache"语法(双大括号)
1、直接使用模板语法插值
// key 就是data属性值的键名
<标签>{
{key}}</标签>
2、指令形式插值
- 1.v-text:插入文本内容(不能解析标签)
<标签 v-text='key'></标签>