摘要： 一、生成路由文件 按照惯例，有一个独立模块来配置相关路由，这个模块类的名字叫做AppRoutingModule,位于src/app下的app-routing.module.ts文件中。 使用CLI生成它。 ng generate module app-routing --flat --module= 阅读全文

摘要： 一、安装nodejs 登录nodejs官网，下载对应系统版本；安装，只要一直下一步即可。 在nodejs中自带了npm，不需要独立安装npm。 输入node -v /npm -v 查看node和npm是否安装成功；出现版本号即安装成功。 二、安装cnpm(淘宝滤镜) 在DOS窗口中（window键+ 阅读全文

摘要： vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此不做阐述，本篇文章主要来学习一下Vue子父组件通信的问题。 gitHub地址：整个案例的Demo 首先先定义一下，相对本案例来说App.vue是父组件, Child.vue是子组件。 一、父组件向子组件传值 1、创建子组件，在src/comp 阅读全文

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson14 安装 直接引入： vue-router下载链接：点击复制代码 NPM下载： 如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能：在你的文件 阅读全文

摘要： 什么是 mvvm？ MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 阅读全文

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson13 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值和 v-bind 表达式 (后者从 2.1.0+ 开始支持)。过滤器 阅读全文

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson12 首先，每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉： 可以看到在vue 阅读全文

摘要： 一 简介 1、vue本身不支持发送AJAX请求，需要使用vue-resource（vue1.0版本）、axios（vue2.0版本）等插件实现 2、axios是一个基于Promise的HTTP请求客户端，用来发送请求，也是vue2.0官方推荐的，同时不再对vue-resource进行更新和维护 3、 阅读全文

摘要： 一 简介 自定义指令：以V-开头的，扩展了HTML的语法，通过自定义指令可以操作DOM: 栗子一： 栗子二： 钩子函数的参数 (即 el、binding、vnode 和 oldVnode): el: 指令所绑定的元素，可以用来直接操作DOM。 binding: 一个对象，包含指令的很多信息。 vno 阅读全文

摘要： gitHub地址：https://github.com/huangpna/vue_learn/example里面的lesson11 一 在动态组件上使用keep-alive 在这之前我们已经有学习过用is特性来切换多标签的页面，但有些时候会想保持这些组件的状态，以避免反复重新渲染导致的性能问题。 举 阅读全文