虽然说是Vuejs实践，但是有些重要的理论还是必不可少的，本文将简单的带你了解 Vuejs的响应式原理。 编译组件：对特殊标记的部分（比如双大括号部分）进行替换为相应的数据值。 通知更新：当步骤2中监听的数据发生变化时，会通知 watcher 进行重新计算，触发关联视图更新。 …

每个Vue应用都是通过 Vue 函数创建一个新的 Vue实例 开始的。 接下来，我们来创建一个最基本的应用，实现在页面中输出 Hello Vue.js!。新建一个html文件代码如下： 使用浏览器打开刚创建的 index.html ，页面会输出一个大大的 h1 标签，内容就是我…

《你也许不知道的Vuejs》系列文章是本人在过去一年多的时间里，从完全不知道Vuejs到熟练地使用Vuejs开发各种复杂的大型项目，从不同项目开发实践中总结的一些经验和技巧类文章。重点带你一步步熟悉如何使用Vuejs来开发基本的项目，包括周边生态中，一些较热门工具的使用和技巧，…

我们可以引入一个轮播组件，但是有个问题，通常轮播组件都会把所有的slide都渲染出来再进行切换，这样就导致所有的资源都会触发加载，这可能不是我们所期待的，毕竟如果slide比较多的情况需要一次性加载的图片等资源太多了。所以我们可以手动简单地写一个，满足需求即可。 现在一步步来实…

有了前面几篇文章的铺垫，我相信我们回过头来再看看用 vue-cli 脚手架工具初始化的项目，就很好理解了。本篇将带着大家全面认识下用 vue-cli 脚手架工具初始化的项目，并会讲解如何定制化自己的项目模板。 规范的目录结构可以很好的规范化你的开发习惯，代码分工明确，便于维护，…

Javascript 是一门弱类型语言，所以语法检查变得尤为重要。虽然有很多前端IDE开发工具，可以很好地帮助我们提示在编写时的错误，但是大多数开发者还是使用的像 Sublime Text、Visual Studio Code 之类的轻量级编辑器，这导致在开发中很容易出现各种错…

Vuejs 提供的扩展名为 .vue 的 单文件组件 为以上所有问题提供了解决方案。 此时项目是没法运行的，因为 .vue 文件 webpack 是没法是别的，它需要对应的 vue-loader 来处理才行，而且细心的朋友会发现 hello.vue 中用到了 ES6 语法，此时…

当然，Vue 除了核心功能默认内置的指令外，更强大的是它允许注册自定义指令，这是个让我非常惊喜功能。因为当初在使用 Angular1.x 时就特别喜好自定义指令这个功能，没想到 Vue 也借鉴了进来，让我能够灵活对 DOM 进行底层操作，而且它具有非常高的复用性，书写起来也非常…

上一篇中我们已经学会使用 babel 将 ES6 转化为 ES5 了，并且展示了一些 ES6 代码，这一篇将重点聊聊 ES6 在 Vuejs 项目中一些部分应用。 说是下一代，其实早在 2015 年 6月就正式发布了（所以又称 ES2015），截止今日已经快3年了，很快 ES7…