vue
一下子就醒了
何以渡清欢
展开
-
vue-element-admin 使用过程中踩坑
vue-element-admin文档:https://panjiachen.gitee.io/vue-element-admin-site/zh/guide/#%E5%89%8D%E5%BA%8F%E5%87%86%E5%A4%87vue-element-admin源码:https://github.com/PanJiaChen/vue-element-admin一开始在根据官方...原创 2019-11-15 15:03:18 · 5378 阅读 · 0 评论 -
Vue.js2.0基础:用axios来实现数据请求
官方都不再更新vue-resource,并推荐大家使用axios,那我们就一起来学习一下它。同样我们需要事先安装好它,可以npm和bower安装,我们这里用最简单的cdn加载。<scriptsrc="https://unpkg.com/axios/dist/axios.min.js"> </script>CDN安装十分简单,接下来,我们看看它的语法,如何...原创 2019-05-09 13:27:42 · 343 阅读 · 0 评论 -
Vue.js2.0基础:Vuex的3个核心概念
Vuex是一个提供状态管理机制,相比使用传统的全局对象,它有两大优点,一个是它的状态存储是响应式的,另一个是要不能随意修改Vuex的状态,必须按照它的规矩来办事。最后也了解了它有适用和不适用的业务场景。创建仓库Store要使用Vuex,我们要创建一个实例store,我们称之为仓库,利用这个仓库store来对我们的状态进行管理。//创建一个 store const store...原创 2019-05-09 13:19:18 · 613 阅读 · 0 评论 -
Vue.js2.0基础:vue-router
对于SPA( single pageapplication单页面应用),尤其是做移动端的网页应用,由于使用<a/>标签实现页面的切换和跳转,会有一定的加载时间消耗,经常遇到这样的画面:网速慢一点的时候,就一直在加载,严重影响产品的用户体验,这也是(html5)移动端网页应用在使用流畅度干不过原生app的地方之一。所以常用的做法将网页应用做成一个SPA单页面应用,用视...原创 2019-05-09 13:14:33 · 859 阅读 · 0 评论 -
Vue.js2.0基础:Vue Devtools——vue开发调试神器
安装用chrome浏览器访问以下地址,就可以在chrome商店找到我们的Vue Devtools插件。地址:https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd点击右上角“添加至CHROME”,开始安装。浏览器会对我们进行询问提示,我们选择...原创 2019-05-09 13:07:55 · 2419 阅读 · 0 评论 -
Vue.js2.0基础:创建一个Vue实例(二)
Vue是数据驱动视图的,只要model(模型层)的数据改变了,Vue就会帮我们改变视图上显示的内容,不用我们自己去动手写代码更新。那么,它是怎么做到的,我们的代码要怎么写才能做到这一点。答案是:Vue实例。先确保你的项目安装好Vue.js安装好之后,我们来看看怎么创建和使用Vue实例,我们把它分成 4 步走。第1步 创建语法创建一个Vue实例的语法很简单,如下: ...原创 2019-04-20 15:28:15 · 936 阅读 · 0 评论 -
Vue.js2.0基础:初识Vue与快速入门(一)
Vue.js框架是什么,为什么选择它?1.诞生背景近几年来,得益于手机设备的普及和性能的提升,移动端的web需求大量增加,产生了一种叫webapp的东西,也就是移动端的网页应用。它们功能越来越复杂,交互也越来越酷炫,功能与效果越来越接近于原生的APP。比如下面这些:这种webapp它们不仅仅像h5营销网页一样有酷炫的效果,它们还有复杂的点击、输入、下拉选择,视图切换...原创 2019-04-20 14:19:31 · 485 阅读 · 0 评论 -
Vue.js2.0基础:组件(五)
组件是我们人为地把页面合理地拆分成一个个区块,让这些区块更方便我们重复使用,有了组件,我们可以更高效合理地开发和维护我们的项目。规划组件假设我们页面上有这样的一个布局:上图是我们模仿微信公众号的“历史消息”的界面,我们看到的是一个文章的目录列表,在我们公众号,则看到的是我们《Vue2.0基础》的系列文章。这种情况下,我们把每一个文章标题区块看作一个组件来进行规划,这样就方便...原创 2019-04-23 13:00:30 · 235 阅读 · 0 评论 -
Vue.js2.0基础:在html中绑定数据(四)
Mustache 语法什么叫Mustache语法,别被这高大上的叫法吓到了,其实就是双大括号{{ }}的写法,在之前演示过在视图中显示我们的数据,这是最常见的绑定方式。有了它,我们可以轻松地在视图显示我们的数据并及时自动更新,无需手动控制。<divid="app">{{ name }}</div><script>letapp=new...原创 2019-04-21 12:46:06 · 1454 阅读 · 0 评论 -
Vue.js2.0基础: 实例的生命周期(三)
Vue把整个生命周期划分为创建、挂载、更新、销毁等阶段,每个阶段都会给一些“钩子”让我们来做一些我们想实现的动作。学习实例的生命周期,能帮助我们理解vue实例的运作机制,更好地合理利用各个钩子来完成我们的业务代码。我们分别来看看这几个阶段:1. beforeCreate此阶段为实例初始化之后,此时的数据观察和事件配置都没好准备好。我们试着console一下实例的数据data和挂载元...原创 2019-04-21 12:24:45 · 285 阅读 · 0 评论