前端框架学习-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}}则不会。
相关推荐
Gracemark15 小时前
高德地图-地图选择经纬度问题【使用输入提示-使用Autocomplete进行联想输入】(复盘)
vue.js
天下无贼16 小时前
【手写组件】 Vue3 + Uniapp 手写一个高颜值日历组件(含跨月补全+今日高亮+选中状态)
前端·vue.js
洋葱头_17 小时前
vue3项目不支持低版本的android,如何做兼容
前端·vue.js
奔跑的蜗牛ing17 小时前
Vue3 + Element Plus 输入框省略号插件:零侵入式全局解决方案
vue.js·typescript·前端工程化
ygria17 小时前
样式工程化:如何实现Design System
前端·前端框架·前端工程化
最后一个农民工20 小时前
vue3实现仿豆包模版式智能输入框
前端·vue.js
艾小码1 天前
Vue组件到底怎么定义?全局注册和局部注册,我踩过的坑你别再踩了!
前端·javascript·vue.js
wusp19941 天前
项目实战——“微商城”前后台【005】之前台项目首页编写
vue.js·vant·底部导航栏
2303_Alpha1 天前
SpringBoot
笔记·学习
萘柰奈1 天前
Unity学习----【进阶】TextMeshPro学习(三)--进阶知识点(TMP基础设置,材质球相关,两个辅助工具类)
学习·unity