yugasun

对于单页面应用，前端路由是必不可少的，官方也提供了 vue-router 库 供我们方便的实现，但是如果你的应用非常简单，就没有必要引入整个路由库了，可以通过 Vuejs 动态渲染的API来实现。 我们知道组件可以通过 template 来指定模板，对于单文件组件，可以通过 t…

虽然 Vue.js 已经足够强大了，但是在实际开发中，我们还是需要引入各种模块来实现我们的功能需求，或者给全局的 Vue 对象添加一些全局功能，而 Vue 插件 就是来帮助我们完成这项工作的。 添加 Vue 实例方法，通过把它们添加到 Vue.prototype 上实现。 我们…

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

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

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

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

具体工具的操作界面和如何使用，这里就不展示了。随便用搜索引擎搜索，就是相关介绍。大家可以根据个人喜好，来选择适合你的开发环境。 前面的文章中使用 Vue，都是直接引入源码方式来使用，但是实际开发中项目一般很复杂，并且会涉及到很多页面模板，不可能所有的功能我们都写在同一个js文件…

组件（Component）绝对是 Vue 最强大的功能之一。它可以扩展HTML元素，封装可复用代码。从较高层面讲，可以理解组件为自定义的HTML元素，Vue 的编译器为它添加了特殊强大的功能。所有的 Vue 组件同时也都是 Vue 的实例，因此可以接受相同的选项对象（除了一些特…

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