前端框架学习-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}}则不会。
相关推荐
陶然同学21 分钟前
RabbitMQ全栈实践手册:从零搭建消息中间件到SpringAMQP高阶玩法
java·分布式·学习·rabbitmq·mq
三原1 小时前
2025 乾坤(qiankun)和 Vue3 最佳实践(提供模版)
vue.js·架构·前端框架
懒羊羊我小弟1 小时前
React Router v7 从入门到精通指南
前端·react.js·前端框架
欧先生^_^1 小时前
学习 Apache Kafka
学习·kafka·apache
妙极矣2 小时前
JAVAEE初阶01
java·学习·java-ee
DC...2 小时前
vue滑块组件设计与实现
前端·javascript·vue.js
娃娃略2 小时前
【AI模型学习】双流网络——更强大的网络设计
网络·人工智能·pytorch·python·神经网络·学习
圆弧YH2 小时前
Ardunio学习
学习
我的golang之路果然有问题2 小时前
案例速成GO+redis 个人笔记
经验分享·redis·笔记·后端·学习·golang·go
H5开发新纪元2 小时前
Vite 项目打包分析完整指南:从配置到优化
前端·vue.js