Vue-resource有体积小，支撑IE9以上的浏览器，支撑promise特点的特点。同样推荐应用npm来安装Vue-resource。
- $ npm install vue-resource
在安装并惹人vue-resource后，可以基于全局的Vue对象应用http，也可以基于某个Vue实例应用http。
推荐应用npm对象来安装vue-router
在发送请求后，应用then办法来处理响应结不雅，then办法有两个参数，第一个参数是响应成功时的回调函数，第二个参数是响应掉败时的回调函数。
vue-resource的请求API是按照REST作电扇计的，它供给了7种请求API：
- · get(url,[options])
- · head(url,[options])
- · delete(url,[options])
- · jsonp(url,[options])
- · post(url,[body], [options])
- · put(url, [body],[options])
- · patch(url,[body], [options])
vue工程目次构造
下图是一个简单的vue项目标大年夜概构造，下面扼要介绍一下每个文件夹一一般都邑存放哪些内容。
components/文件夹用来存放Vue 组件。小我建议，把每一个组件中应用到的image图片放置到对应的组件子文件目次下，便于同一的治理
Node_modules/npm安装的该项目标依附库
vuex/文件夹存放的是和 Vuex store 相干的器械（state对象，actions，mutations)
build/文件是 webpack 的打包编译设备文件
static/文件夹存放一些静态的、较少更改的image或者css文件
Vue的应用异常的简单，创建一个本地的 .html 文件，然后经由过程如下方法惹人 Vue：
dist/该文件夹一开端是不存在，在我们的项目经由 build 之后才会产出
config/文件夹存放的是一些设备项，比如办事器拜访的端口设备等
App.vue根组件，所有的子组件都将在这里被引用
index.html全部项目标人口文件，将会引用我们的根组件 App.vue
main.js人口文件的 js 逻辑，在webpack 打包之后将被注入到 index.html 中
vue中less的应用
vue合实例讲解Vue核心功能
Vue的功能有很多，很难一一进行具体的解释。下面根据在工作中的项目实例，结合代码解释一下vue的几大年夜核心功能。
计算属性
假设有如下的购物车结算场景，用户选中商品的总金额是根据商品数量、选中商品种类数 和商品单价来变更的。然而，数量、选中种类数量和单价这几个对象都是根据用户选择而动态变更的，如不雅在前端模版中为了计算最终商品总额，放入这几个动态变更的变量（商品数量、商品单价、选中商品种类），会让这个逻辑变得复杂难以保护。在这种情况下，模版便不再简洁清楚。Vue给出了此种场景的解决筹划，在任何复杂的逻辑，vue都推荐应用计算属性。
vue-router路由
如上图所示，在html中，我们只须要应用{{totalPrice}}这个计算属性就可以来表示最终的商品总额。我们不须要存眷这个变量的数值变更，totalPrice这个变量的逻辑写在对应的computed计算属性中。
也许会有疑问，这个计算属性和定义一个method办法不是差不多么？这两者最大年夜的差别是计算属性是基于它的依附进行缓存的。计算属性只有在它的相干依附产生变更时才会从新计算求值。在本例中，只有被选择商品的价格price和数量count产生变更时，这个计算属性totalPrice才会从新枷⒚鹇的值。这就意味着，只要totalPrice这个值没有产生变更，多次拜访该计算属性会急速返回之前的计算结不雅，而不必再次履行计算。
模版语法
Vue.js 应用了基于 HTML 的模版语法，许可开辟者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵守规范的浏览器和 HTML 解析器解析。Vue的模版语法包含了应用双大年夜括号插入文本、应用v-html插入纯HTML内容、应用v-bind插入对象、类似angular的v-if、v-show、v-for指令、以及过滤器等等。
调试插件
组件化
组件（Component）是 Vue.js 最强大年夜的功能。组件可以封装可重用的代码，经由过程传入对象的不合，实现组件的复竽暌姑。
举一个简单的组建例子，我们起首编写一个star组件，它就是一个通俗的star.vue文件。它的感化就是简单实现了一个五角星。
如安在其他的vue文件中应用这个star组件呢？如下图所示，起首经由过程import惹人star组件对象，并在想应用star组件的vue文件中声明注册star组件。如今就可以高兴的经由过程标签来在该vue文件中随便率性处所应用star组件了。在你想展示一个五角星的处所，应用一个star标签，就可以轻松完成这个功能。
推荐阅读
开辟者大年夜赛路演 | 12月16日，技巧立异，北京不见不散 如不雅你经常应用 Linux，你应当碰到这个术语“僵尸过程Zombie Processes”。 那么什么是僵尸过程？ 它们是怎么产生的？>>>详细阅读
地址：http://www.17bianji.com/lsqh/39797.html
1/2 1
网友点评
精彩导读
科技快报
品牌展示