随笔分类 - vue js
摘要：在这之前，我已经分享过组件与组件的通信机制以及父子组件之间的通信机制，而我们的vuex就是为了解决组件通信问题的 vuex是什么东东呢？ 组件通信的本质其实就是在组件之间传递数据或组件的状态（这里将数据和状态统称为状态），但可以看到如果我们通过最基本的方式来进行通信，一旦需要管理的状态多了，代码就会
阅读全文
摘要：我们接着上文继续，本文我们讲解兄弟组件的通信，项目结构还是跟上文一样. 在src/assets目录下建立文件EventHandler.js，该文件的作用在于给同级组件之间传递事件 EventHandler.js代码: 2，在Components目录下新建一个组件Brother1.vue 。通过Eve
阅读全文
摘要：在git命令行下，执行以下命令完成环境的搭建： 1，npm install --global vue-cli 安装vue命令行工具 2，vue init webpack vue-demo 使用vue命令生成一个webpack项目，项目名称为vue-demo 3，cd vue-demo 切入项目 4，
阅读全文
摘要：组件是vue框架比较核心的内容，那么什么是组件呢？ 通俗点讲：组件是由一堆html, css, javascript组成的代码片段， 作用是为了实现模块的重用 组件的基本用法: 组件的编译解释原理： 1，首先用Vue.extend创建一个组件，用template设置组件的内容 2，用Vue.comp
阅读全文
摘要：一、绑定class属性的方式 1、通过数组的方式，为元素绑定多个class 上例为span 绑定2个class,通过设定red_color和bg_color的值，找到对应的class类名 2、通过控制class的true或者false，来使用对应的class类名, true: 使用该class, f
阅读全文
摘要：一、设置属性的值: {{data中的数据}} 二、v-bind绑定属性的值 三、简写方式，冒号 (:) 绑定 四、绑定多个属性
阅读全文
摘要：本文主要讲解事件冒泡，事件绑定的简写，事件默认行为，按键码等一系列与事件相关的知识. 一、事件绑定的简写，@事件类型. 之前我的[js高手之路] vue系列教程 - vue的事件绑定与方法(2) 用的是v-on绑定 二、传递事件对象 三、事件冒泡 四、阻止事件冒泡：有两种方式，一种是原生方式，一种是
阅读全文
摘要：通过前面两篇文章的的学习，我们掌握了vue的基本用法. 本文，就利用这些基础知识来实现一个留言板， 老外把他称之为todolist. 第一步、使用bootstrap做好布局 第二步、增加模态框，模态框默认为隐藏的 第三步、定义userList用来保存用户，userName保存用户名, age保存用户
阅读全文
摘要：一、在vue中，绑定事件，用v-on:事件类型， 如绑定一个点击事件， 我们可以这样子做 添加方法，需要在vue实例的对象参数中，添加一项methods配置， methods是字面量方式，如上例，我们添加了一个say方法, 在按钮中绑定了一个点击事件，当事件触发的时候，执行say(); 二、绑定双击
阅读全文
摘要：本系列课程选用vue的版本为1.0.21， 什么是vue? vue是由尤雨溪开发的一款基于MVVM的框架，M->模型，V->视图， 也就是说模型数据改变了，视图也跟着改变， 视图内容改变，模型内容也跟着改变， 业界称之为双向绑定，或者说双向数据驱动，基于此特点，学习这个框架，跟jquery完全不同，
阅读全文
