前端框架学习-Vue(二)

最近在学习Vue框架,Vue中的内容很多。相当于把之前后端的MVC,V层转移到前端来编写和部署。下面是学习Vue时的大纲。

  1. Vue生命周期是Vue应用的生命周期
  2. Vue脚手架,即vue-cli,使用node.js 来创建和启动vue项目
  3. Vue组件知识,整体之后一个App组件。其他的都挂在在这个根组件上。
  4. Vue路由知识,路由决定路径变化时,子组件怎么动态加载。
  5. Vue对应的UI框架(ElementUI)

Vue生命周期

每个Vue应用都是有如上的这几个流程,而在这几个流程中,都留下了对应的钩子函数。我们可以在这每个钩子函数中执行代码片段,来完成自己的功能需求。

其中最常用的是mounted()函数,用来在组件加载完成后从后台请求数据时调用。

指令

javascript 复制代码
 v-bind	 : 单向绑定解析表达式, 可简写为 :xxx
 v-model : 双向数据绑定
 v-for   : 遍历数组/对象/字符串
 v-on    : 绑定事件监听, 可简写为@
 v-if 	 : 条件渲染(动态控制节点是否存存在)
 v-else  : 条件渲染(动态控制节点是否存存在)
 v-show  : 条件渲染 (动态控制节点是否展示)
 v-text指令:
 1.作用:向其所在的节点中渲染文本内容。
 2.与插值语法的区别:v-text会替换掉节点中的内容,{{xx}}则不会。
相关推荐
无心水2 分钟前
15、云原生架构设计理论与实践 核心考点与学习笔记
笔记·学习·云原生·架构师·软考·系统架构设计师·软考系统架构设计师
动词ing14 分钟前
【学习笔记】51单片机 独立按键控制LED显示二进制
笔记·学习·51单片机
小大宇26 分钟前
Vue知识点-ElementPlus-02图标
前端·javascript·vue.js
叼烟扛炮35 分钟前
Linux 学习笔记(三十九):网络基石——TCP/IP 模型与 UDP 实战
linux·运维·网络·笔记·学习·tcp/ip
前进的李工1 小时前
Agent 学习笔记 04:KV Cache 与上下文缓存
笔记·学习·缓存·agent·注意力机制·kv cache·prompt cache
king王一帅1 小时前
给你的编辑器加上思维导图、流程图、白板:一套开源组件,多种文档通用
前端·vue.js·ai编程
Z21-X1 小时前
云原生运维笔记:打通OpenStack的任督二脉——从Neutron网络踩坑到Swift与Heat硬核实战
运维·笔记·学习·云原生
旖旎夜光1 小时前
LCR 170:交易逆序对的总数(归并排序) —— 题解
c++·学习·算法·leetcode·排序算法
小向是个Der10 小时前
嵌入式进阶——MCU上电后的动作
c语言·单片机·mcu·学习·链接脚本
Cosolar12 小时前
不收费、不加水印、数据归你:我做了个开源的在线简历工具
后端·面试·前端框架