Vue
文章平均质量分 95
0Jchen
人生都是大写的失败,但不妨碍我继续前行
展开
-
Vue3入门
关于vue项目的版本,新项目使用vue3,有部分老项目使用vue2。vue3官方文档vue3的变化1. 性能的提升 - 打包大小减少 41 % - 初次渲染快 55 % , 更新渲染快 133 % - 内存减少 54 % 2. 源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree - Shaking 3. 拥抱TypeScriptVue3可以更好的支持TypeScript 4. 新的特性Composition API(组合API)setup配置。原创 2024-01-16 22:26:47 · 978 阅读 · 0 评论 -
Vue入门七(Vuex的使用|Vue-router|LocalStorage与SessionStorage和cookie的使用|路由的两种工作模式)
定义了应用状态的数据结构,可以在这里设置默认的初始状态。允许组件从 store 中获取数据,mapGetters 辅助函数仅仅是将 store 中的 getter映射到局部计算属性(state的计算属性)。是唯一更改 store 中状态的方法,且必须是同步函数。用于提交 mutation,而不是直接变更状态,可以包含任意异步操作。可以将 store 分割成模块(module)。每个模块拥有自己的state、mutation、action、getter、甚至是嵌套子模块(将store模块化)原创 2024-01-15 22:53:26 · 486 阅读 · 0 评论 -
Vue入门六(前端路由的概念与原理|Vue-router简单使用|登录跳转案例|scoped样式|混入(mixin)|插件)
路由(英文:router)就是对应关系地址与组件之间的对应关系vue-router是vue.js官方给出的路由解决方案。它只能结合 vue 项目进行使用,能够轻松的管理 SPA 项目中组件的切换。原创 2024-01-12 21:21:53 · 1089 阅读 · 0 评论 -
Vue入门五(Vue-CLI项目搭建|vue项目目录介绍|vue项目开发规范|es6导入导出语法)
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统.前端项目,使用工具(vue-cli)创建vue项目,单页面应用spa,组件化开发把xx.vue,ts,saas,less------编译后在浏览器中执行vue-cli 创建项目开发–项目开发----编译(纯的html/js/css)—上线–>浏览器只能识别html/js/cssvue-cli工具,使用nodejs写,要运行需要安装node环境----需要下载node解释器。原创 2024-01-11 22:09:04 · 998 阅读 · 0 评论 -
Vue入门四(组件介绍与定义|组件之间的通信|动态组件|slot插槽)
组件(Component)是Vue.js 最强大的功能之一,它是html、css、js等的一个聚合体。封装性和隔离性非常强。组件相当于Python中的模块,扩展HTML元素,可以重复使用的代码,使用它就是为了重复使用例如:一个轮播图需要使用放到很多页面当中使用,一个轮播图有它自己的js、css、html,而组件就可以快捷的做出一个轮播图,有自己的js、css、html放到一起,有自己的逻辑样式这样到哪里都可以使用了,无需在写重复代码模块化: 是从代码逻辑的角度进行划分的;原创 2024-01-10 23:04:10 · 940 阅读 · 0 评论 -
Vue入门三(表单控制|购物车案例|v-model进阶|与后端交互|计算属性|监听属性|Vue生命周期)
文章目录一、表单控制二、购物车案例三、v-model进阶四、与后端交互一、表单控制 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="../js/vue.js"></script> </head> <b原创 2024-01-09 20:33:47 · 1196 阅读 · 0 评论 -
Vue入门二(列表渲染|数据的双向绑定|事件处理)
就是对click事件的修饰,针对父标签和子标签里面的事件,当子标签里面的点击事件被点击了,同时会传给父标签的点击事件,引发点击事件的触发,称为冒泡事件。只有数组有过滤器,根据输入框输入的内容对目标数组进行条件过滤,只显示想要的数组内容。//过滤掉datelist中每一个是否包含用户输入的this.search。值是单向数据绑定,输入框输入值后,值就会被js变量拿到。//阻止a标签的跳转,可以自己决定需不需prevent。//这内部的this是window对象。//这里的this是实例对象。原创 2024-01-08 22:58:16 · 963 阅读 · 0 评论 -
Vue入门一(前端发展史|Vue介绍|Vue插值语法|Vue指令|style与class使用|条件渲染)
Vue(读音/vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合渐进式框架可以一点一点地使用它,只用一部分,也可以整个工程都使用它MVVM 是的缩写,它是一种基于前端开发的架构模式,是一种事件驱动编程方式Model:vue对象的data属性里面的数据,这里的数据要显示到页面中View。原创 2024-01-05 21:07:48 · 614 阅读 · 0 评论