随笔分类 - Vue
摘要：Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件状态，并以相应的规则保证状态以一种可预测的方式发生变 什么是"状态管理模式"？ 一个简单Vue计数器应用 这个状态自管理应用包含以下几个部分： state，驱动应用的数据源； vie
阅读全文
摘要：npm run build部署到开发环境下的跨域解决： 在nginx-1.12.1\conf 配置文件中增加：
阅读全文
摘要：vue组件之间传值方式解析一.父组件传到子组件 1.父组件parent代码如下： <template> <div class="parent"> <h2>{{ msg }}</h2> <son psMsg="父传子的内容:叫爸爸"></son> <!-- 子组件绑定psMsg变量--> </div>
阅读全文
摘要：一、项目简介 基于Vue + Vuex + Vue-router + Webpack 2.0打造微信界面，实现了微信聊天、搜索、点赞、通讯录（快速导航）、个人中心、模拟对话、朋友圈、设置等功能。 二、项目预览 （请在chrome手机模式下打开） 点击这里预览项目 移动端扫描下方二维码可直接打开 三、
阅读全文
摘要：当我们学习angular或者vue的时候，其双向绑定为我们开发带来了诸多便捷，今天我们就来分析一下vue双向绑定的原理。 简易vue源码地址：https://github.com/maxlove123/simple-Vue.git 1.vue双向绑定原理 vue.js 则是采用数据劫持结合发布者-订
阅读全文
摘要：双向数据绑定和单向数据绑定解释： a. 单向数据绑定 指的是我们先把模板写好，然后把模板和数据（数据可能来自后台）整合到一起形成HTML代码，然后把这段HTML代码插入到文档流里面。 单向数据绑定缺点：HTML代码一旦生成完以后，就没有办法再变了，如果有新的数据来了，那就必须把之前的HTML代码去掉
阅读全文
摘要：有关双向数据绑定的原理 关于数据双向绑定的理解：利用了 Object.defineProperty() 这个方法重新给对象定义了新属性，在操作新属性分别为为获取属性值(调用get方法)和设置属性值(调用set方法)的操作来实现的。双向：改变keyValue的值，obj.key的值会改变，重新设置ob
阅读全文
摘要：先上bug图片 bug说明：初装vue_cli3.0写了个组件，运行错误，显示如图， 代码提示：[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available.
阅读全文
摘要：在 Vue 中定义一个组件模板，至少有七种不同的方式（或许还有其它我不知道的方式）： 字符串 模板字面量 x-template 内联模板 render 函数 JSF 单文件组件 在这篇文章中，我将通过示例介绍每个选项，并探讨利弊。以便你知道在任何特定情况下最适合的是哪一种。 1. 字符串 默认情况下
阅读全文
摘要：vuejs 自定义了一种.vue文件，可以把html, css, js 写到一个文件中，从而实现了对一个组件的封装， 一个.vue 文件就是一个单独的组件。由于.vue文件是自定义的，浏览器不认识，所以需要对该文件进行解析。 在webpack构建中，需要安装vue-loader 对.vue文件进行解
阅读全文
