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