webpack文档 webpack示意图四个核心：入口，出口，loader,插件(-打包文件名)[http://www.cnblogs.com/ihardcoder/p/5623411.html] 1.安装1npm install --save-d..

Vue.js框架 Vue.js介绍 Vue-cli脚手架搭建基本代码框架 vue-router官方插件管理路由 vue-resource AJAX通信 webpack 构建工具 es6 + eslint –>代码风格检查工具 公司漂亮夜景 ..

Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中，你真的需要 JavaScript 的完全编程的能力，这就是 render 函数，它比 template 更接近编译器。 节点，虚拟DOMVue 通过建立一个虚拟 DOM 对真实 DOM 发生的变化保持追踪..

自定义指令钩子函数以及参数先定义 在使用1234567891011// 注册一个全局自定义指令 v-focusVue.directive('focus', { // 当绑定元素插入到 DOM 中。 inserted: function (el) { ..

基础12345678910111213141516// 定义一个混合对象var myMixin = { created: function () { this.hello() }, methods: { hel..

组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。 注册组件1.创建一个 Vue 实例：1234new Vue({ el: '#s..

单个元素的过度12345678910111213141516171819202122<div id="demo"> <button v-on:click="show = !show"> Toggle </button..

表单数据绑定12<input v-model="message" placeholder="edit me"><p>Message is: {{ message }}</p> 当..

事件处理监听事件12345678910<div id="example-1"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 &#..

v-if基本使用12<p v-if='ok'>yes</p><p v-else>no</p> 在中配合v-if条件渲染一整组数 123<template v-if='ok'> <h1..