Vue知识粗略梳理

前言

来啦老铁！

今天来粗略梳理一下Vue知识。

Vue.js是一套构建用户界面的渐进式框架。
Vue 只关注视图层， 采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

指令：
v-once：执行一次性地插值，当数据改变时，插值处的内容不会更新；
v-html：用于输出 html 代码；
v-bind：响应地更新 HTML 属性，如id、css、链接等，如v-bind:href="url"，缩写:href="url"；
我们可以在 v-bind:style 直接设置样式，可以简写为 :style；
v-if：条件判断使用 v-if 指令，指令的表达式返回 true 时才会显示；
v-else-if：类似代码中的else if，v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后；
v-else：乐死代码中的else，v-else 、v-else-if 必须跟在 v-if 或者 v-else-if之后；
v-show：与v-if相同效果；
v-for：可以绑定数据到数组来渲染一个列表，还可以通过一个对象的属性来迭代数据，也可以循环整数；
https://www.runoob.com/vue3/vue3-v-for.html

v-on：用于监听 DOM 事件，如v-on:click="xxx()"，缩写为@click=“xxx()”，多个方法用逗号分隔，如@click="xxx(),yyy()"；
事件修饰符:https://www.runoob.com/vue3/vue3-events.html

v-model：用来实现双向数据绑定，如在 input、select、textarea、checkbox、radio 等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值；

组件：
组件（Component）是 Vue.js 最强大的功能之一。
组件可以扩展 HTML 元素，封装可重用的代码。
组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树。

计算属性：计算属性在处理一些复杂逻辑时是很有用。

监听属性：通过 watch 来响应数据的变化。

样式绑定：我们可以为 v-bind:class 设置一个对象，从而动态的切换 class；

表单；
自定义指令：除了默认设置的核心指令，Vue 也允许注册自定义指令；

钩子
钩子函数
指令定义函数提供了几个钩子函数（可选）：
created : 在绑定元素的属性或事件监听器被应用之前调用。
beforeMount : 指令第一次绑定到元素并且在挂载父组件之前调用。。
mounted : 在绑定元素的父组件被挂载后调用。。
beforeUpdate: 在更新包含组件的 VNode 之前调用。。
updated: 在包含组件的 VNode 及其子组件的 VNode 更新后调用。
beforeUnmount: 当指令与元素解除绑定且父组件已卸载时，只调用一次。
unmounted: 当指令与元素解除绑定且父组件已卸载时，只调用一次。

路由：Vue 路由允许我们通过不同的 URL 访问不同的内容；

混入；

Ajax：
Vue 版本推荐使用 axios 来完成 ajax 请求；

学海无涯，加油~

如果本文对您有帮助，麻烦动动手指点点赞？

谢谢！