
Vue学习
七月是我的生日
人生太苦,但你要甜!
展开
-
Vue重点学习经验(1)MvvM,Vue生命周期,父子组件通信
1.对于MVVM的理解MVVM图示Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。(1) 模型Model层:也是数据层。数据可能是我们固定的模拟数据,更多的是来自我们的服务器,从网络上请求下来的数据。实际处理中,数据会比较复杂(2) 视图View层:也是视图层。在我们的前端开发中,通常就是DOM层。主要作用是给用户展示各种信...原创 2020-03-07 18:33:46 · 377 阅读 · 0 评论 -
Vue项目开发经验2
1.network网络相关配置(封装axios,设置拦截响应和拦截请求)通常开发项目为了简化我们的运维,和维护代码,我们通常将网络请求封装起来。在network里面封装好request请求并且配置拦截以及baseURL和请求超时的限制。//1.引入axiosimport axios from 'axios'//通过promise 封装export function requ...原创 2020-03-06 18:07:01 · 336 阅读 · 0 评论 -
Vue项目开发经验1
1.项目文件的划分assets 负责防止一些静态资源,可以建立两个文件夹images和css分别放置图片和样式文件。common 放置一些当前项目用到的常量,例如封装防抖,节流函数,以及mixin混入的函数。components 负责放置一些组件 ,通常设置两个文件夹,第一个common,放置多个项目均能用到的组件,例如封装好的swiper轮播图组件,scroll组件等。 第二个文件夹...原创 2020-02-22 20:35:50 · 311 阅读 · 0 评论 -
vue -- axios(axios封装,baseURL的提取)
1.网络请求模块的选取我们在开发中一定会碰到很多的网络请求,因为前后端交互数据,基本都是从后台请求过来的,那么我们如何去选择网络请求的方式呢?vue中发送网络请求有许多的方式,那么在开发中,我们如何选择呢?1.选择传统的Ajax(基于XMLHttpRequest(XHR))缺点:1.配置和调用的方式非常混乱2.手写xhr可能会人为出现错误。或者封装的不够全面。3.所以开发中...原创 2020-02-05 23:53:40 · 13413 阅读 · 5 评论 -
Vue-router(重新复习)
1.什么是Vue-router?(运行时依赖 --save)安装vue-router使用 vue - router第一步: 导入路由对象,并且调用Vue.use(VueRouter) const router = new VueRouter({ mode: 'history', base: process.env.B...原创 2020-02-05 02:31:22 · 608 阅读 · 0 评论 -
vuex 详解(2)
vuex 详解(2)1. mutations 状态更新vuex的store状态更新的唯一方式:提交mutation(官方文档说明!!!)Mutation主要包括两部分:字符串的事件类型(type)一个回调函数(handler),该回调函数的第一个参数就是statemutation定义方式:mutation:{ increment(state){ ...原创 2019-11-20 01:54:51 · 569 阅读 · 0 评论 -
vue - vuex详解(一)
vuex详解1.初步了解vuexvuex是做什么的?Vuex是一个专门为vue.JS应用程序开发的状态管理模式。它采用 集中式 从存储管理 应用的所有组建的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具 devtools extension,提供了诸如零配置的time-travel调试,状态快照导入导出等高级调试功能。状态管理到底是什么?...原创 2019-11-19 02:07:10 · 349 阅读 · 1 评论 -
VUE初识(vue基本代码,基本指令)
终于还是逃不过学vue,那么就愉快开始吧!1.什么是Vue.js?ue.js?Vue.js 是目前最火的一个前端框架,react是目前最流行的一个框架,均可与用于开发手机app。Vue 是前端的主流框架之一,和angular.js和react.js一起,并称为前端三大框架。前端的主要工作:主要负责MVC中V这一层,主要工作是和界面打交道,来制作前端页面。2.为什么要学习前端框架,以及...原创 2019-10-20 23:11:22 · 1674 阅读 · 0 评论