VUE常见知识疑点

1.vue.js @click和v-on:click有什么区别？

没有区别，@ 只是一个 v-on: 的缩写，为了书写方便。

Vue.js 为 v-bind 和 v-on 这两个最常用的指令，提供了特定简写：
v-bind 缩写
<!-- 完整语法 -->
<a v-bind:href="url"></a>
<!-- 缩写 -->
<a :href="url"></a>
v-on 缩写
<!-- 完整语法 -->
<a v-on:click="doSomething"></a>
<!-- 缩写 -->
<a @click="doSomething"></a>

2.v-on和v-bind的区别

v-bind指令用于设置HTML属性：v-bind:href 缩写为 :href

<a :href="{undefined{url}}">aa</a>

v-on 指令用于绑定HTML事件 ：v-on:click 缩写为 @click

<a @click="get()">aa</a>

3.v-if和v-show对比：

• v-if当条件为false的时候，压根不会有对应的元素在DOm中。
• v-show当条件为false时，仅仅是将元素的dispaly属性设置为none而已。

开发中如何选择呢：

• 当需要再显示与隐藏之间切片很频繁的时，使用v-show
• 当只有一次切换时，使用v-if

4.关于

请教了下别人，听完解释，有个基本概念，但是对于应用实践，他告诉template是用来写界面的，也没毛病，继续懵逼着，还是自己摸索下。

template 标签在Vue实例绑定的元素内部是可以显示template标签中的内容，但是查看后台的dom结构不存在template标签。

如果template标签不放在vue实例绑定的元素内部默认里面的内容不能显示在页面上，但是查看后台dom结构存在template标签。

<div id="app">
    <!--此处的template标签中的内容显示并且在dom中不存在template标签-->
    <template>
        <div>我是template</div>
        <div>我是template</di