前端框架学习-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}}则不会。
相关推荐
承渊政道27 分钟前
Linux网络学习【五种IO模型与⾮阻塞IO】
linux·网络·学习·ubuntu·io模型·非阻塞io
雪芽蓝域zzs1 小时前
WebStorm Uniapp Support + Uniapp Tool + Uniappx Language Service讲解
vue.js·uni-app·webstorm
无心水1 小时前
20、大数据架构设计理论与实践 核心考点与学习笔记
大数据·笔记·学习·架构师·系统架构设计师·软考系统架构设计师·架构设计师
程序员梅雨1 小时前
【从零开始学习数据仓库 | 第三篇】: Flume——数据采集基石
java·大数据·数据仓库·后端·学习·flume
OpenTiny社区2 小时前
AI 生成的 Vue 代码,终于能直接用了!
前端·vue.js·github
Z21-X2 小时前
云原生运维实战笔记:华为云计算与网络类服务全景解析
运维·笔记·学习·云原生·华为云
redtank20002 小时前
纯血鸿蒙学习效率三件套实测:背单词艾宾浩斯曲线、时间记录与睡眠辅助
学习·华为·harmonyos
tryCbest2 小时前
Vue3——第 12 篇:组合式 API(下)——Composables 与逻辑3
vue.js
动词ing2 小时前
【学习笔记】51单片机 模块化编程
笔记·学习·51单片机
王亚博_Abel2 小时前
AI 编程时代怎么选前端框架?同一个应用让 Agent 用 12 种框架各写 5 遍,我整理出这套选型方法
前端·人工智能·前端框架