vue
qq_42164670
这个作者很懒,什么都没留下…
展开
-
浅析Vuex
vuex的定义Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式(数据管理仓库) 。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。状态自管理应用包含以下几个部分:state,驱动应用的数据源;view,以声明方式将 state 映射到视图;actions,响应在 view 上的用户输入导致的状态变化。Vuex 可以帮助我们管理共...原创 2019-04-04 16:49:45 · 195 阅读 · 0 评论 -
vue中路由传参
vue中路由传参使用router-link进行路由导航,传递参数父组件中使用标签进行导航//child是子页面路由路径,123是需要传递的参数<router-link to="/child/123">click</router-link>子组件中使用this.$route.params.num来接收路由参数<template> <...原创 2019-08-13 15:59:19 · 163 阅读 · 0 评论 -
vue中 key 值的作用
1 .index值不是一定不变的,如果不加key值的话,删除前面的项。后面的index可能变也可能不变,比如加个定时器的时候会变,不加定时器不会变2 .不加key的话,更新机制的进行diff的时候是会全部比较的,比如删除第一个的话,后面的元素其实都不一样,会一项一项的比较。然后全部元素都替换,没有做到最小更新。而且里面的传的值也会变,如果这个时候你要根据里面的值删除元素的话,就会出错,尤其是加了...转载 2019-04-01 22:55:49 · 6674 阅读 · 0 评论 -
vue-router
vue-routerVue.js 路由允许我们通过不同的 URL 访问不同的内容。通过 Vue.js 可以实现多视图的单页Web应用(single page web application,SPA)。Vue.js 路由需要载入 vue-router 库.安装1、直接下载 / CDNhttps://unpkg.com/vue-router/dist/vue-router.js2、NPM...原创 2019-04-01 11:05:56 · 127 阅读 · 0 评论 -
vuejs给组件绑定原生事件:
vuejs给组件绑定原生事件:<div id='root'> <child @click.native='handleClick'></child></div><script>Vue.component('child',{ template:'<div>hello</div>'})var vm...原创 2019-04-01 10:42:32 · 427 阅读 · 0 评论 -
单向数据流
单向数据流数据从父组件流向(传递)子组件,只能单向绑定,在子组件内不应该修改父组件传递过来的数据。改变prop的情况:1.作为data中局部数据的初始值使用;2.作为子组件中的computed属性;<body> <div id="app"> <h3>父组件用了count</h3> <p>{{count}}<...原创 2019-03-31 20:00:09 · 308 阅读 · 0 评论 -
vue生命周期
Vue实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程,我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程,就是生命周期。每一个组件或者实例都会经历一个完整的生命周期,总共分为三个阶段:初始化、运行中、销毁。 beforeCreate:在实例初始化之后,数据观测 (data observer) 和 even...原创 2019-03-31 19:43:43 · 129 阅读 · 0 评论 -
几种常见UI框架
ElementUI介绍:Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库链接:https://element-cn.eleme.io/#/zh-CNMint UI介绍:基于 Vue.js 的移动端组件库链接:https://mint-ui.github.io/#!/zh-cnMui介绍:最接近原生APP体验的高性能前端框架(不是基于VU...原创 2019-03-31 17:13:06 · 2972 阅读 · 0 评论 -
vue全家桶
vue全家桶vue vue-cli axios vue-router vue-vueXvue-cli 脚手架 一个基于vue的构建工具 搭建vue项目的环境 好处 兼容 方便 快速 可以不用 脚手架(vue-cli) 就可以基于 webpack 打包工具 ,要自己去进行配置...原创 2019-03-31 17:08:14 · 473 阅读 · 0 评论 -
vue学习笔记
VueJS框架一、 插件或框架的好处 从久远的时代到现在,我们的网页更加动态化与强大,大家在学习的过程中,发现或了解过很多很多的插件或框架,用过的都知道,方便、快速、重用性高、维护成本低、兼容性好、稳定性强 这些插件或框架的出现,是因为JavaScript的强大,在之前我们开发大型的项目,由于业务逻辑非常复杂,html网页结构累赘,css样式庞大,造成了资源的浪费,性能低下,体验差,开发...原创 2019-03-31 17:04:19 · 137 阅读 · 0 评论 -
MVVM和MVC和MVP
MVC(Model View Controller)View 传送指令到 Controller Controller 完成业务逻辑后,要求 Model 改变状态 Model 将新的数据发送到 View,用户得到反馈MVC有两个很明显的问题:1.m层和v层直接打交道,导致这两层耦合度高2.因为所有逻辑都写在c层,导致c层特别臃肿MVP (Model-View-Pre...原创 2019-03-31 16:19:32 · 181 阅读 · 0 评论 -
this.$router.push、replace、go的区别
keep-alive用法keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在v页面渲染完毕后不会被渲染成一个DOM元素用户每次进入页面都会发起一个请求,这样对网页性能优化是不利的,那怎样可以避免这种情况呢?vue推荐在组件上面包裹一层keep-alive组件,如下://App.vue<template> <di...转载 2019-08-14 11:25:39 · 200 阅读 · 0 评论