青春木鱼的博客

vuejs是第三方开发的，基于MVVM模式设计的，渐进式的，纯前端JavaScript框架。不仅仅是一个创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架。它的特点用于构建用户界面的前端渐进式框架，采用自底向上的逐层应用，只关于视图层，技术简单易于上手.........

ajax 4步非常繁琐；其次jquery中虽然提供了$.ajax()函数，但是仅限于jquery中使用！那么到了vue中，如何一句话发送ajax请求？今后只要在vue中发送ajax请求，几乎都用axios

Vue中的指令本质上是一些特定的功能代码，Vue常用指令有：v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-html指令、v-text指令、v-bind指令、v-on指令、v-model指令等等

SPA（ single page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 HTML 内容的变换，UI 与用户的交互，避免页面的重新加载。所以，基于以上特性，对单页应用来说模块化的开发和设计显得相当重要。..................

Vue的computed主要是用来进行组件复杂逻辑运算的，辅助插值表达式来简化结构性代码，让开发人员更专注与数据层的操作。同时，对于一些运算复杂，且依赖变化较小的功能块，也可以从methods中移到computed中，来提高代码的运行速度，在方法传参方面，可以利用JavaScript的闭包设计来完成传参。............

vue数据的双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。其核心就是通过Object.defineProperty()方法设置set和get函数来实现数据的劫持，在数据变化时发布消息给订阅者，触发相应的监听回调。也就是说数据和视图同步，数据发生变化，视图跟着变化，视图变化，数据也随之发生改变。......

操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用 v-bind 处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将 v-bind 用于 class 和 style 时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。............

本文主要介绍如何在vue中安装脚手架以及使用脚手架创建vue项目示例。除此之外，还详细介绍了关于vue项目中解决单页面应用存在的首屏加载极慢的致命问题——首屏渲染优化的懒加载技术——异步延迟加载以及真正的懒加载的实现............

跨域是由于浏览器端的同源策略限制所得来，跟服务器端没有关系。同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。解决跨域的方法很多，比如被广泛使用的cors、jsonp等，如果想要在纯客户端解决跨域，我们可以使用webpack本地代理，即proxy反向代理...............

组件是Vue中的一个重要概念，是一个可以重复使用的Vue实例，它拥有独一无二的组件名称，它可以扩展HTML元素，以组件名称的方式作为自定义的HTML标签。组件可大大提高了代码的复用率。因为组件是可复用的Vue实例，所以它们与new Vue()接收相同的选项，例如data，computed、watch、methods以及生命周期钩子等。仅有的例外是像el这样根实例特有的选项。把一些公共的模块抽取出来，然后写成单独的的工具组件或者页面，在需要的页面中就直接引入即可。那么我们可以将其抽出为一个组件进行复用。...

vue的插值语法及常用指令的应用。插值语是指在界面中标记哪里可能发生变化的特殊的语法。今后，只要一个元素的内容希望随程序自动变化时，都要用绑定来标记。vue常用指令有：v-once指令、v-show指令、v-if指令、v-else指令、v-else-if指令、v-for指令、v-html指令、v-text指令、v-bind指令、v-on指令、v-model指令等等。.........

希望在页面加载完之后，自动给元素执行一些初始化的DOM操作。但是，在vue中几乎没有提供任何查找办法！我们就找不到DOM元素，就无法执行任何DOM相关的操作。今后，只要在页面加载完之后，希望对元素执行一些初始化的DOM操作，比如: 让元素自动获得焦点，都用自定义指令。 今后只要页面上需要一个值，但是这个值必须经过复杂计算才能得到，都用计算属性！............