摘要：
参考：[官网]（https://cn.vuejs.org/v2/guide/）1、vue和angular的区别：1.1：angular 1、上手较难 2、指令以ng-xxx开头 3、所有指令和方法都存在$scope中 4、由Google维护1.2：vue 1、简单易学更轻量 2、指令以v-xxx开头 阅读全文
摘要：
一、element ui1、简介 Element UI 是饿了么团队基于vue2.0的组件库 ，可以快速搭建网站，提高开发项目 [官网]https://element.faas.ele.me/#/zh-CN2、快速上手 2.1 安装 element ui cnpm i element-ui -S 2 阅读全文
摘要：
1、简介 vue-cli是一个vue脚手架，可以快速构建vue项目 vue-cli本身集成了多种项目模板 GitHub链接：https://github.com/search?q=vue-cli&ref=opensearch 模板： simple：很少简单 webpack：包含ESLint代码规范检 阅读全文
摘要：
单文件组件 1、.vue文件 .vue文件，称之为单文件组件，是vue.js自定义的一种文件格式，一个.vue文件就是一个单独的组件，在文件内封装了组件相关的代码：HTML、css、JS .vue文件是由三部分组成：<template>、<style>、<script> 2、vue-loader 加 阅读全文
摘要：
一、vue-router路由 1、简介： 使用vue开发单页面SPA(single page application) 当页面应用 根据不同的url地址，显示不同的内容，但显示在同一个页面中，称之为当页面 【参考】：https://router.vuejs.org/zh/ bower info vue-router //查看版本 ... 阅读全文
摘要：
一、组件component 1、什么是组件 组件（Component）是Vue.js最强大的功能之一，组件可以扩展HTML元素，封装可重用的代码 组件是自定义的元素（对象） 2、定义组件的方式 方式1：先创建组件的构造器，由组件构造器创建组件 注释：麻烦 全局构造器 a)、使用 Vue.exte... 阅读全文
摘要：
一、自定义指令（分类 ：全局指令、局部指令） 1、自定义全局指令 使用全局Vue.directive(id,[])方法 注：使用自定义指令时必须在指定名称前加前缀v-指令名称（v-hello） a. Vue.directive('hello',{ bind(){}//指令第一次绑定到元素上调用，只调用一次，可执行初始化操作... 阅读全文
摘要：
一、生命周期 beforeCreate：“组件实例刚刚创建，还未进行数据观测和事件配置” created：“实例已经创建完成，并且已经进行数据检测和事件配置” beforeMount：“模板编译之前，还没有挂载” mounted：“模板编译之后，已经挂载，此时才会渲染页面，才能看到页面上数据的显示” beforeUpdate：“组件更新之前” updated：“... 阅读全文
摘要：
一、发送AJAX请求 1、简介 vue本身不支持发送ajax请求，需要axios、vue-resource等插件实现 axios 是基于promise的http请求客户端，用来发送请求，也是vue 2.0官方推荐的，同时不在对vue-resource进行更新和维护 参考：GitHub 上搜索axio 阅读全文
摘要：
一、起步1.下载核心库vue.js bower info vue #查看版本号 npm init --yes #下载vue.js cnpm install vue --save 版本 v2.5.17 目前最新版本（）vue2.0比1.0相比最大的变化就是引入Virtual DOM(虚拟DOM)，页面 阅读全文