摘要：
今天是关于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)
浙公网安备 33010602011771号