摘要：
什么是vuex? 官方的解释是：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 简单来说就是集中管理所有的状态。 为什么要用vuex? 对于父子组件之前的通信，父组件通过porps传递到子组 阅读全文
posted @ 2018-07-31 21:42
猫哥在奔跑
阅读(552)
评论(0)
推荐(0)
摘要：
公司要写一些为自身业务量身定制的的组件，要基于Vue,趁着这个机会，自己在业余时间也写了个组件，选择写图片上传是因为自己之前一直对这个功能比较迷糊，所以这次好好了解了一下。演示在网址打开后的show.gif中。 使用技术：Vue.js | node.js | express | MongoDB。 g 阅读全文
posted @ 2018-07-31 18:37
猫哥在奔跑
阅读(3212)
评论(0)
推荐(0)
摘要：
今天是关于vuex的最后一篇文章了！怎么说呢？且行且珍惜吧!！认真尝试每一行代码！ 之前的文章当中，我们把所有的数据都存放到了 vuex文件夹当中的store.js当中。但随着将来项目的复杂度增大，共享的状态越来越多，越来越复杂！在这个时候我们需要将状态根据功能来对其进行模块化，同时也是为了便于将来 阅读全文
posted @ 2018-07-31 18:13
猫哥在奔跑
阅读(1417)
评论(0)
推荐(0)
摘要：
下面咱们来将切换的案例改为vuex来写！ 首先需要在src目录下，新建一个store文件夹，然后在该文件夹内创建一个store.js文件 main.js为： app.vue为： npm run dev，运行一次，一切正常！ 到目前为止，相信大家看以上的代码应该都不会有太大问题了，所以不做解释！ 咱们 阅读全文
posted @ 2018-07-31 18:04
猫哥在奔跑
阅读(240)
评论(0)
推荐(0)
摘要：
现在咱们先抛开vuex，一起来做一个如上图一样的切换案例： 上面的代码并不复杂，相信大家也都可以看的明白。通过以上代码咱们可以实现一个简单的切换，通过这种形式来完成的切换可以称其为乞丐版的切换。因为里面的数据都被写死了！所以咱们可以将代码进行一些优化，将数据单独存放起来进行管理： 首先将所有的数据放 阅读全文
posted @ 2018-07-31 18:00
猫哥在奔跑
阅读(205)
评论(0)
推荐(0)
摘要：
接下来看一下template当中计算总票数的表达式： 是不是很长？是不是看着它很蓝瘦？ 正常的第一反应就是将其写入到计算属性内，方便调用！所以咱们可以将computed调整如下： 然后再将template的总票数表达式修改为： 是不是有种整个世界都很清静的感脚？哈，还没完，继续！ 在咱们的vuex当 阅读全文
posted @ 2018-07-31 17:55
猫哥在奔跑
阅读(254)
评论(0)
推荐(0)
摘要：
接下来咱们继续使用vuex来完成上篇文章的投票实例。大家一定要记住，学习编程这种事一定要慢慢来才会快！所以一定要将代码多敲几遍哦！ 目前当前的票数已经可以在页面中渲染出来了！接下来要做的事就是让按钮起到应有的责任：点击对应的按钮让数字加1, 总票数也要加1。很简单，只要给按钮增加一个事件，直接改变其 阅读全文
posted @ 2018-07-31 17:50
猫哥在奔跑
阅读(243)
评论(0)
推荐(0)
摘要：
从上篇文章当中相信大家已经对vuex有了一些大概了解了，接下来咱们结合实例来继续敲代码吧！切记一定要动手实操练习一遍！ 接下来咱们来完成一个超级简单的投票功能！要求很简单，点击“投票”按钮，相应的票数会发生加1的变化，另外总票数为所有票数之和，如图所示： 1、首先通过vue-cli生成一个名字叫做d 阅读全文
posted @ 2018-07-31 17:47
猫哥在奔跑
阅读(370)
评论(0)
推荐(0)
摘要：
导语：vuex是什么？我的理解就是vuex是一个管理者，管理的方式是集中式管理，管理的对象即是vue.js应用程序中的众多组件的共享部分。学习的过程当中，希望按照我的步骤一步一步来进行练习！ 咱们知道，vue项目当中的父子组件的交互是单通道传递，父组件通过props向子组件传递参数，而在子组件当中不 阅读全文
posted @ 2018-07-31 17:40
猫哥在奔跑
阅读(1263)
评论(0)
推荐(0)
摘要：
不需要实例化类，即可直接通过该类来调用的方法，即称之为“静态方法”。将类中的方法设为静态方法也很简单，在方法前加上static关键字即可。这样该方法就不会被实例继承！ 上面的代码一，类Box的a方法前有static关键字， 表明该方法是一个静态方法， 可以直接在Box类上调用。静态方法只能在静态方法 阅读全文
posted @ 2018-07-31 17:34
猫哥在奔跑
阅读(204)
评论(0)
推荐(0)
摘要：
继承是面向对象中一个比较核心的概念。ES6 class的继承与java的继承大同小异，如果学过java的小伙伴应该很容易理解，都是通过extends关键字继承。相较于ES5当中通过原型链继承要清晰和方便许多。先上代码： 输出： 上面代码中，子类的constructor方法和say方法中，都出现了su 阅读全文
posted @ 2018-07-31 17:32
猫哥在奔跑
阅读(102)
评论(0)
推荐(0)
摘要：
传统的javascript中只有对象，没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲，很有一种独树一帜的感脚！非常容易让人困惑！ 如果要生成一个对象实例，需要先定义一个构造函数，然后通过new操作符来完成。构造函数示例： 阅读全文
posted @ 2018-07-31 17:25
猫哥在奔跑
阅读(156)
评论(0)
推荐(0)
摘要：
vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 在《快速入门（一）》中我们提到过，我们可以把 Vuex 简单的抽象为，一个全局对象（store），里面保存了所有组件公有的状态（st 阅读全文
posted @ 2018-07-31 16:20
猫哥在奔跑
阅读(340)
评论(0)
推荐(0)
摘要：
vue-router 前端路由在 HTML5 的 History API 未出现之前，一直采用 hash 值来实现。因为 hash 值的变动，浏览器并不会向后端发送一个新的请求。而我们的 js 代码却可以通过 onhashchange 和 window.location.hash来监听及获取到变化值 阅读全文
posted @ 2018-07-31 16:15
猫哥在奔跑
阅读(269)
评论(0)
推荐(0)
摘要：
vue 实例介绍 vue 实例分两种，一种为组件实例，另外一种为根实例。组件实例负责创建个性化组件、而根实例负责把组件渲染到指定的真实的 DOM 结构中。并且 vue 为我们提供了一种特殊的文件格式 .vue 来创建 组件实例。.vue 文件格式如下： *.vue 通过上面的代码，我们可以看出，整个 阅读全文
posted @ 2018-07-31 15:55
猫哥在奔跑
阅读(262)
评论(0)
推荐(0)
摘要：
安装 我们可以通过两种方式把 vue 引入到我们的项目中，一种直接通过 <script> 引入 ,这时 vue 会被注册为一个全局变量。第二种便是通过 npm 进行安装，这种方式可以很好的配合 webpack 或 browserify 模块打包器使用。我们的项目使用 webpack 进行打包。 项目 阅读全文
posted @ 2018-07-31 15:36
猫哥在奔跑
阅读(205)
评论(0)
推荐(0)
摘要：
vue2 vue 官方解释为一套构建用户界面的渐进式框架。而我的理解 vue 是一套以视图为核心、数据为驱动的组件化开发框架。使用过模板引擎的同学都知道：只要我们把数据传入已经编译好的模板中，便能渲染出我们想要的视图。 我们可以简单理解为，vue 就是一个拿来做这种事儿的框架，它的每一个组件就是一个 阅读全文
posted @ 2018-07-31 15:34
猫哥在奔跑
阅读(992)
评论(0)
推荐(0)
浙公网安备 33010602011771号