Vue学习路径

5.26记录

作为一门框架，Vue、React两者一直是热门选择。由于目前所在岗位使用的是Vue，故开始学习。

首先还是推荐看官方文档，跟着文档上的例子去敲。
（重点是理解，理解之后看那个例子实现的是什么功能，然后自己去敲）。–不是跟着文档代码边看边敲，这样的作用无异于上学时拿着答案参考书，边抄边写，作用不大。（唯一有用的是你可能熟悉这些词而已。）

目前进度：
2 - tomato/35min - 130

vue实例模板语法计算属性和侦听器class与style绑定条件渲染

大致了解了基本语法和一些使用，初学者推荐使用cdn的方式引入进行学习
如：
在实例章节中
v-bind 类似于绑定属性
v-if 选择隐藏或者显示内容
v-for 进行遍历
v-on 进行事件绑定–一般与点击事件进行搭配使用
v-model 则是将表单数据双向同步，可以在页面输入的同时对vue中的data进行改变

Vue组件编写：创建组件很简单，名称+模板语法
进一步思考，这样编写出来的组件会比较单一
举例：在一个列表组件中，如果想要引入，但是渲染不同的数据如何做呢？
*** 作：通过在组件中添加属性props，数据可以直接在data里面进行添加，则只需要引入一个tag，加上v-for遍历，即可实现对列表的遍历和展示

关于组件通信
利用props来进行
（具体 *** 作还得看看）

还有关于v-bind、v-on等一些的语法缩写
以及 “key”键的用法，一般运用于v-for遍历，其作用主要是可以绑定不同的属性，可以通过以下这个例子去理解：
举例： 实现一个通过点击按钮实现不同的登陆方式
*** 作：label和input可以复用，但是在第一种方式下输入，想要在第二种方式下输入一个新的账号，此时可以加上key属性，来进行区分。

计算属性和侦听器章节：

计算属性(computed)和方法(methods)的话输出结果没有什么区别，计算属性可以直接插值，方法也可以，以函数调用的形式。
区别一般体现在缓存和重新渲染（优化）上面。
computed只有当值更新时才会进行更新，但是methods每次页面刷新都会进行渲染。
（同理，v-if和v-show进行的 *** 作也是一样。v-show会在页面初始就进行渲染）

关于侦听：
案例：实现一个简单的问答
*** 作：利用输入框v-model进行数据绑定，用watch进行事件监听
（watch 属性可以设置中间状态，计算属性computed无法做到这一点。）

其他：
目前是实习第二周，中途写过两个页面，对flex布局有了更深的理解。开始尝试更加的深入vue学习。目前在看官方文档中