- 博客(5)
- 收藏
- 关注
RSS订阅原创 Vue项目创建
(1)创建项目 vue create '项目名称' (2)安装依赖 $ npm install axios element-ui vue-router@3.5.3 vuex@3.6.2 -S (3)安装特殊依赖 tailWindcss和vue的整合没有完全成熟,需要手工安装兼容版本 $ npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9 (4)初始化模块 初始化
2022-03-14 20:39:00
1175
原创 Vue 功能进阶
1、生命周期 （1） 什么是生命周期 生命周期(lifeCycle)再前端应用中,一般用于描述一个组件从创建到销毁的整个过程描述:一般一个组件从创建开始都会经历[加载 ---> 渲染 <---> 数据更新 ---> 卸载 ---> 销毁 ] 目的:生命周期,研究的就是如何有效的利用项目中的每个组件/对象,提高程序的处理效率和性能! （2） 生命周期三大阶段 Vue应用中,可以将每个视图都当成组...
2022-03-14 20:29:01
1140
原创 阻止事件冒泡和默认事件(Vue与JavaScript对比)
事件流 事件流: 事件在元素之间的传播过程. 事件捕获阶段: 从window对象到具体对象的过程. 目标确定阶段: 确定具体的目标 事件冒泡阶段: 从具体目标到window的过程. 使用addEventListener来监听事件流, addEventListener有三个参数, 其中第三个参数为Boolean(是否捕获), true表示捕获阶段, false表示冒泡阶段. JavaScript中事件默认是冒泡的, 默认冒泡到window, ...
2022-02-19 19:45:35
263
原创 Vue语法进阶
1、事件操作 （1） 事件绑定 通过v-on:事件名称 绑定事件操作,语法上可以优化为@事件名称完成事件绑定. （2） 事件对象 事件操作函数不带参数的时候,事件处理函数的第一个形式参数,默认就是事件对象!这里不需要兼容写法. const vm = new Vue({ ... methods: { handlerMsg(e) { // e = e || ...
2022-02-19 16:08:51
390
原创 Vue 快速入门
Vue概述 什么是Vue Vue (读音 /vjuː/，类似于 view) 是一套 用于构建用户界面 的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以 自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 简:Vue是一套用于快捷开发前端应用的框架技术！ Vue是一款用于快捷开发前端应用的..
2022-02-17 20:03:19
305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人