紅葉 - 博客园

2018年11月1日

摘要：上一篇文章主要是记录了自己是如何创建react项目的，今天则主要是总结一下react中的一个基础入门知识，包括数据定义和绑定、属性绑定、数组循环等等。组件继承和挂载当我们使用脚手架或者命令行创建一个项目时，会自动初始化一个首页，也就是项目的根组件节点，但是在正常的做项目时，是不建议将过多的代码放阅读全文

posted @ 2018-11-01 22:06 紅葉阅读(204) 评论(0) 推荐(0) 编辑

2018年10月27日

第一个react

摘要：个人觉着react和vue是很相似的，之前还转载过一篇介绍两个异同点的文章，那个时候还完全不懂react，现在才慢慢开始接触，所以只能总结一些个人的心得，首先自然是react的优点了，个人觉着主要有以下几点吧。 React 可以开发单页面应用 spa（单页面应用） react 组件化模块化开发模式阅读全文

posted @ 2018-10-27 23:50 紅葉阅读(395) 评论(0) 推荐(0) 编辑

vuex状态管理2

摘要：在vuex的官网https://vuex.vuejs.org中，提到的核心概念一共有5个，分别是State、Getter、Mutation、Action和Module，在上一篇随笔中，我们主要用到其中的State和Mutation，接下来，我们来分析剩下几个使用方法，在这里，是在上一篇的基础上面完成阅读全文

posted @ 2018-10-27 15:07 紅葉阅读(334) 评论(0) 推荐(0) 编辑

vue配合UI组件

摘要： 1，bootstrap 创建项目首先使用脚手架搭出项目基本框架，具体方法可以参考前面的文章。 1，执行命令创建项目：vue init webpack-simple vue-bootstrap 2，下载相关依赖：npm vue-bootstrap 3，启动项目：npm run dev 出现这个界面就阅读全文

posted @ 2018-10-27 15:07 紅葉阅读(5136) 评论(5) 推荐(0) 编辑

vuex

摘要：在之前的学习中，都是通过父子组件进行传参的，当多个组件依赖于同一状态时，传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。此时我们就需要用到vuex了。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式，它采用集中式存储管理应用的所有组件的状态，解决了组件之阅读全文

posted @ 2018-10-27 12:14 紅葉阅读(353) 评论(0) 推荐(0) 编辑

2018年10月23日

vue-router配合vue-cli的实例

摘要：前面在说到vue-router的时候，都是用最简单的方式说明用法的，但是在实际项目中可能会有所出入，所以，今天就结合vue脚手架来展示项目中的vue-router的用法。创建项目首先需要使用脚手架创建一个项目，这里选择的是webpack-simple这个模板。 1，执行命令：vue init w 阅读全文

posted @ 2018-10-23 22:02 紅葉阅读(11728) 评论(0) 推荐(0) 编辑

vue-router2.0

摘要：在使用vue.js创建单页运用的时候，我们通常的做法是配合vue-router一起使用，通过vue-router将组建映射到路由并进行渲染。例如我们要实现两个页面的切换跳转，就需要使用路由，这里不再使用a标签进行跳转，而是使用标签<router-link>，然后通过属性to来指定链接，最后将路由匹阅读全文

posted @ 2018-10-23 20:17 紅葉阅读(464) 评论(1) 推荐(0) 编辑

2018年10月20日

父子组件2.0

摘要：在前面总结过vue1.0中的组件通信，现在根据vue2.0的变化比较一下两者的不同之处。首先还是用一个例子回顾一下之前的父子组件通信。 vue1.0 在上面的例子中，子组件是可以更改父组件的数据的，甚至可以通过添加sync实现同步修改，但是当我们把上面的js改为vue2.0的时候，会发现程序直接报阅读全文

posted @ 2018-10-20 23:33 紅葉阅读(237) 评论(0) 推荐(0) 编辑

vue2.0变化

摘要：之前有很多的vue知识总结都是围绕1.0版本实现的，下面主要总结一下2.0相对于1.0的一些变化。组件定义在vue1.0中，我们有使用vue.extend()来创建组件构造器继而创建组件实例，如下所示。但是在vue2.0中，推出了一种更简洁的组件定义方法。代码片段在vue1.0中，我们可以阅读全文

posted @ 2018-10-20 22:01 紅葉阅读(217) 评论(0) 推荐(0) 编辑

vue-cli

摘要： vue-cli是vue.js官方提供的一个命令行工具，可用于快速搭建大型单页应用。该工具是一套成熟的vue项目架构设计，会跟着vue版本的迭代而更新，能够为用户带来现代化的前端开发流程，只需要几分钟就可以创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。安装要想使用vue 阅读全文

posted @ 2018-10-20 11:26 紅葉阅读(230) 评论(1) 推荐(0) 编辑