《vue全套学习教程》听课笔记

1.理清楚文件目录结构：

https://www.cnblogs.com/winyh/p/6909649.html

main.js：入口文件

注意：加载的视图名字与组件名字一样

App.vue：第一个组件，即根组件

index.html的：

2.一个组件的组成部分：

    （1）。<模板> </模板>相当于HTML文件，结构层  

    （2）。<SCRIPT> </ SCRIPT>相当于JS文件，行为层

    （3）。<风格> </样式>相当于CSS文件，表示层

3. <模板> </模板>标签：它是一个容器，用于承载内容，可以当做一般的HTML标签处理，它符合HTML语法，可以被浏览器识别但是不会被浏览器渲染。

在<模板>中只能存在一个根组件

4.V秀：与V-如果的效果类似，他们的区别是：

V-如果是真正的条件渲染，他会确保在切换的过程中条件块内的事件监听器和子组件适当的被销毁和重建

V-如果同时是惰性的，如果在初始渲染时条件为假则什么也不做，直到条件第一次变为真时，才会开始渲染条件块。

而V-显示不管初始条件是什么，元素总是会被渲染，并且只是简单的进行的CSS切换。

一般来说，V-如果有更高的切换开销，而V-显示有更高的初始渲染开销。因此我们需要根据实际情况来选择用哪一个。

如果切换频繁，建议用V-显示，如果在运行时条件很少改变，则使用V-如果较好。

5.用钥匙管理可复用的元素

使用v-bind：key =“index”，为了给Vue一个提示，以便它能跟踪每个节点的身体，从而重用和重新排序现有元素，你需要为每项提供一个唯一的key属性。值是每项都有唯一id。这个特殊的属性相当于Vue 1.x的track-by，但它的工作方式类似于一个属性，所以你需要用v-bind来绑定动态值。建议尽可能使用v-for来提供key，除非迭代DOM内容足够简单，或者你是故意要依赖于默认行为来获得性能提升。因为它是Vue识别节点的一个通用机制，key并不特别与v- for关联， key还具有其他用途。

6.v换的使用：指定对于的数组进行渲染，使用中的项目项的语法

（item，index）in项目：可以输出下标