![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 78
这个作者很懒,什么都没留下…
展开
-
Vue状态管理
1.概述Vue应用包含了项目中大部分数据处理场景和业务处理流程,Vue技术生态中包含了大量的重要内置插件和第三方插件,如vue-router路由管理、axios异步请求模块等,Vuex也是一个非常重用的状态管理模式Vuex是一个专为Vue.js应用程序开发的状态管理模式,它采用集中式存储管理应用的所有组件的状态,并以响应的规则保证状态以一种可预测的方式发生变化Vue应用中所谓组件的状态,描述的就是组件的数据Vue应用中的组件的状态管理,描述的就是组件中的数据有效可控的管理Vue应用中的组件,包含原创 2021-12-13 17:44:12 · 374 阅读 · 0 评论 -
ElementUI界面框架的基本使用
Vue应用开发过程中,包含大量的生态插件,如VueRouter、VueCli、Vuex、axios等处理数据部分的插件之外,也有一些支持界面设计的框架,如经常用于PC端项目界面的ElementUI、用于移动端的Vant等1.安装和引入ElementUI作为一个第三方插件,需要在当前项目中安装和引入之后才能正常使用npm install element-ui -s引入import Vue from 'vue'import ElementUI from 'element-ui' //引入Eleme原创 2021-12-13 15:50:43 · 1327 阅读 · 0 评论 -
axios异步请求
1.认识axiosaxios是一个易用,简洁且高效的基于Promise的http库,主要用于网络请求的服务,应用在浏览器或者NodeJS应用环境中2.axios基本语法axios是一个基于Promise的http库,用于完成网络请求的处理操作,支持常规的请求方式基本语法:get请求axios.get('/user?id=1') .then(response=>{ console.log(response) }) .catch(err=>{ console.log(err原创 2021-11-24 23:29:48 · 593 阅读 · 0 评论 -
VueRouter进阶
1.动态路由Vue项目中,多个页面之间进行切换时,可以复用一个组件,如多次浏览不同的商品,可以重复使用一个商品详情组件,VueRouter提供了动态路由的模式重用一个组件,避免多次组件加载导致的资源浪费<router-link to='/goods/100'>查看商品100</router-link><router-link to='/goods/200'>查看商品200</router-link>...{path:'/good/:gid',com原创 2021-11-24 21:59:10 · 97 阅读 · 0 评论 -
Vue路由
1.什么是路由1.路由的概念Express后端路由路由Router:描述了用户请求URL地址和业务处理之间的映射关系,当用户发送了某个URL请求,就会执行对应的业务处理函数完成业务处理,这个操作过程称为路由前端路由路由Router,描述了用户的请求地址和对应的视图组件之间的映射关系,用户发送了某个URL请求地址时浏览器中渲染展示对应的页面,这个过程称为路由2 .为什么要使用路由1.为了保障动态组件模式下,切换多个组件时,数据能在多个组件上同步,必须按照自定义属性或者自定义事件的方式完成原创 2021-11-24 21:25:49 · 134 阅读 · 0 评论 -
Vue组件化开发(进阶)
1.Vue基础语法Vue实例Vue是一个基于JvaScript的、自底向上的、渐进式的、前端开发框架构建的项目主要是以Vue实例为核心,和页面视图之间进行数据双向绑定,通过组件化的方式开发前端项目的框架Vue实例配置el:挂载的HTML节点,可以通过$mount(’#app’)函数的方式替换data:挂载的数据methods:挂载的普通函数filters:挂载的私有过滤器watch:挂载的侦听器computed:挂载的计算属性components:挂载的私有组件beforeCr原创 2021-11-22 20:15:16 · 613 阅读 · 0 评论 -
Vue-cli脚手架
认识脚手架技术领域中,一般将快捷操作命令称为脚手架,可以通过脚手架执行指定命令快捷创建固定文件结构的项目架构安装脚手架Vue框架中,提供了两个不同版本的脚手架npm install vue-cli -g //安装低版本的教授叫 (不推荐)npm install @vue/cli -g //安装现有版本的加售价(推荐)安装结束后,打开系统命令提示窗口,执行命令查看结果vue --version若出现版本信息,说明安装成功,否则安装失败通过脚手架创建Vue项目老版本脚手架命令(不原创 2021-11-13 19:53:40 · 547 阅读 · 0 评论 -
Vue组件基础
1.Vue中的组件什么是组件组件:component,前端项目开发中组件一般表示包含了视图界面(html/css),业务是数据处理(js)以及独立功能的组成部分,组件的出现是为了视图的复用根据项目中的使用情况,区分为两种组件:全局组件:任何Vue实例都可以引用的组件局部组件/私有组件:在当前组件内部可以嵌套使用,其他组件中无法使用组件声明和使用全局组件Vue.component(组件名,{ template: ``, //组件包含的html/css网页视图 data(){ //原创 2021-11-13 19:32:47 · 692 阅读 · 0 评论 -
Vue功能进阶
1.生命周期生命周期:描述了一个组件从创建、初始化、[运行<=>阻塞]、最终被销毁的完整过程Vue实例从创建开始到网页DOM结构加载并渲染数据完成时的过程,主要包含的生命周期函数如下:创建过程breforeCreate() :实例初始化之前的生命周期钩子是否可以调用实例数据:否是否可以调用DOM对象:可以访问已有元素,不可以访问Vue实例标签元素created():实例创建后的生命周期钩子是否可以调用实例数据:是是否可以调用DOM对象:可以访问已有元素,不可以访问Vue实原创 2021-11-13 12:37:54 · 834 阅读 · 0 评论 -
Vue语法进阶
1.事件操作Vue中获取事件对象普通的事件函数,在调用的时候人如果没有任何参数的情况下,事件处理函数的第一个形式参数默认接收事件对象的注入,即:事件函数的第一个参数就是事件对象<div id='app'> <input @keyup='getKey' type='text'/></div>...<script> ... methods: { getKey(e) { console.log(e.keyCode) } }原创 2021-11-13 01:16:03 · 544 阅读 · 0 评论 -
Vue基础学习
1.Vue快速入门什么是VueVue是一套用于构建用户界面的渐进式框架,与其他大型框架不同,Vue被设计为可以自底向上逐层应用,Vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有项目整合,另一方面,当现代化的工具链以及各种支持类库结合使用时,Vue也完全能够为复杂的单页面应用提供驱动渐进式:从微小型项目到大型项目,都能进行完美的支持微小型项目,小到一个HTML网页页面,可以引入vue相关依赖js文件,让网页支持Vue功能大型项目:Vue提供了自己的脚手架,可以快速生成基于Vue的项原创 2021-11-11 00:38:21 · 661 阅读 · 0 评论