摘要：vue-loader： 简单的目录结构 生成package.json 工程文件(项目依赖、名称、配置) npm init --yes 生成 webpak准备工作: cnpm install webpack --save-dev cnpm install webpack-dev-server --sa 阅读全文

摘要：多层嵌套： 效果图： 效果图： 阅读全文

摘要：vue教程3-05 vue组件数据传递 一、vue默认情况下，子组件也没法访问父组件数据 二、数据传递 1、子组件获取父组件data 方法一： 方法二： 2、 父级获取子级数据 方法一： 注意： vm.$dispatch(事件名,数据) 子级向父级发送数据vm.$broadcast(事件名,数据) 阅读全文

摘要：vue教程3-04 vue.js vue-devtools vue调试工具的安装和使用 一、vue-devtools 下载与安装 1、需要 fan qiang 2、打开谷歌浏览器设置 >扩展程序-->勾选开发者模式，点击浏览Chrome商店 3.搜索vue，找到vue-devtools,点击添加至C 阅读全文

摘要：vue教程3-03 vue组件，定义全局、局部组件，配合模板，动态组件 一、定义一个组件 组件里面放数据： 2. 局部组件 放到某个组件内部 另外一种写法，局部 方法一： 方法二： 动态组件:<component :is="组件名称"></component> 阅读全文

摘要：vue教程3-02 vue动画 以下代码，已经用包管理器下载好vue,animate 阅读全文

摘要：vue教程3-01 路由、组件、包管理器 以下操作前提是 已经安装好node.js npm bower-> （前端）包管理器 下载: npm install bower -g 验证: bower --version,会出现版本 以下操作的前提是，已经安装好git. 在开始菜单里找到“Git”->“G 阅读全文

摘要：vue教程2-08 自定义键盘信息 监听数据变化: vm.$el/$mount/$options/.... vm.$watch(name,fnCb); //浅度 vm.$watch(name,fnCb,{deep:true}); //深度监视 阅读全文

摘要：vue教程2-07 自定义指令 自定义指令写法一： 自定义指令写法二：推荐写法 自定义指令写法三： 自定义指令：拖拽drag 自定义元素指令 阅读全文

摘要：vue教程2-07 微博评论功能 阅读全文

摘要：vue教程2-06 过滤器 过滤器: vue提供过滤器: capitalize uppercase currency.... debounce 配合事件，延迟执行 数据配合使用过滤器: limitBy 限制几个 limitBy 参数(取几个) limitBy 取几个 从哪开始 filterBy 过滤 阅读全文

摘要：vue教程2-05 v-for循环 重复数据无法添加问题 加track-by='索引' 解决问题的代码示例： 阅读全文

摘要：vue教程2-04 vue实例简单方法 vue实例简单方法: vm.$el -> 就是元素 vm.$data -> 就是data vm.$mount -> 手动挂在vue程序 vm.$options -> 获取自定义属性 vm.$destroy -> 销毁对象 vm.$log(); -> 查看现在数 阅读全文

摘要：vue教程2-03 vue计算属性的使用 computed 阅读全文

摘要：vue教程2-02 vue防止花括号{{}}闪烁，v-text和v-html、v-cloak 一、v-text和v-html <span>{{msg}}</span> --> v-text{{{msg}}} --> v-html 二、v-cloak 阅读全文

摘要：vue教程2-01 vue生命周期、钩子函数 网上找来一张流程图： 阅读全文

摘要：vue教程1-09 交互 vue实现百度下拉列表 阅读全文

摘要：vue教程1-08 交互 get、post、jsonp 一、如果vue想做交互，引入: vue-resouce 二、get方式 1、get获取一个普通文本数据: 2、get给服务发送数据: 二、post方式 四、jsonp方式 获取百度接口 查看响应数据 jsonp请求百度接口 jsonp请求360 阅读全文

摘要：vue教程1-07 模板和过滤器 一、模板 {{msg}} 数据更新模板变化 {{*msg}} 数据只绑定一次 {{{msg}}} HTML转意输出 二、过滤器 过滤器:-> 过滤模板数据 系统提供一些过滤器: {{msg| filterA}} {{msg| filterA | filterB}} 阅读全文

摘要：vue教程1-06 属性、class和style 一、属性 二、class和style :class="" v-bind:class="" :style="" v-bind:style="" :class="[red]" red是数据 :class="[red,b,c,d]" :class="{re 阅读全文