https://cn.vuejs.org/v2/api/  官网API

https://cn.vuejs.org/v2/guide/  官网教程

http://www.runoob.com/vue2/vue-tutorial.html  教程

http://www.cnblogs.com/xulei1992/p/6031138.html  vue.js慢速入门

http://www.cnblogs.com/keepfool/p/5625583.html  Vue.js——60分钟组件快速入门

http://chuansong.me/n/1791724633620  Vue 2.0 学习总结  2017-10-22

https://www.cnblogs.com/qcloud1001/p/9700625.html  比官方文档更易懂的Vue.js教程  2019-6-26

https://blog.fundebug.com/2017/09/20/why-we-moved-from-angular2-to-vue/  我从Angular 2转向Vue.js, 也没有选择React

用vue而不是用react的理由:不喜欢使用内联模板(inline template), 而React将JSX/HTML和JS混合到一起

CDN:  https://unpkg.com/vue/dist/vue.js

# 查看版本
$ npm -v #升级 npm
cnpm install npm -g # 最新稳定版
$ cnpm install vue # 全局安装 vue-cli
$ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project #进入项目,安装并运行:
$ cd my-project
$ cnpm install
$ cnpm run dev
#成功执行以上命令后访问 http://localhost:8080/

 一、指令

v-model  文本框输入后,模型也会变,双向

v-text  文本渲染 {}

v-show  dom有,只是显隐

v-if  dom不存在

v-bind  

v-for  

v-on  事件绑定

二、过滤器 filter

对接口返回的数据,过滤和战士,比如金额格式化、货币等

三、组件

component

页面头部、底部、轮播等

var vm = new Vue({
el:"#app",
data:{},//数据
filter:{},//过滤器
mounted:function(){},//相当于jquery的ready
methods:{}
});

Vue.js 路由

Vue.js 路由需要载入 vue-router 库:  https://github.com/vuejs/vue-router

中文文档地址:  https://router.vuejs.org/zh-cn/

直接下载 / CDN  https://unpkg.com/vue-router/dist/vue-router.js

cnpm install vue-router

Vue的一些相关的库:  2017-10-15

http://www.bootcdn.cn/all/  从这里面去找
axios         Promise based HTTP client for the browser and node.js
element-ui           A Component Library for Vue.js.          http://element.eleme.io/#/zh-CN/component/table
vuex          state management for Vue.js
iview          A high quality UI components Library with Vue.js
mint-ui        Mobile UI elements for vue.js
vue-router       A router for Vue.js
vue-resource        A web request service for Vue.js
vuetify        Vue.js 2 Semantic Component Framework
vue-material        Material Design for Vue.js
vue-strap        Bootstrap components built with Vue.js
vonic         Mobile UI Components, based on Vue.js and ionic CSS.
vue-validator     Validator component for Vue.js
vue-lazyload     Vue module for lazy-loading images in your vue.js applications.
vue-i18n          Internationalization plugin for Vue.js
vue-chartjs      vue.js wrapper for chart.js
vuefire        Firebase bindings for Vue.js
vue-form       Form validation for Vue.js

..

学习笔记:Vue的更多相关文章

  1. Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明-Babel)

    五  Vue学习-vue-cli脚手架学习(创建只选一个选项:Babel) 1. 项目目录说明 node_modules : 包管理文件夹 public : 静态资源 src : 源代码 gitign ...

  2. Vue学习笔记-Vue.js-2.X 学习(五)===>脚手架Vue-CLI(PyCharm)

    Vue项目在pycharm中配置 退出运行: ctrl+c Vue学习笔记-Vue.js-2.X 学习(六)===>脚手架Vue-CLI(项目说明)

  3. Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)

    (五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二  Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nod ...

  4. Vue学习笔记-Vue.js-2.X 学习(三)===>组件化高级

    (四) 组件化高级 1.插槽(slot)的基本使用 A:基本使用: <slot></slot> B:默认置:<slot><h1>中间可以放默认值< ...

  5. Vue学习笔记-Vue.js-2.X 学习(二)===>组件化开发

    ===重点重点开始 ========================== (三) 组件化开发 1.创建组件构造器: Vue.extends() 2.注册组件: Vue.component() 3.使用 ...

  6. Vue学习笔记-Vue.js-2.X 学习(一)===>基本知识学习

    一  使用环境: windows 7 64位操作系统 二  IDE:VSCode/PyCharm 三  Vue.js官网: https://cn.vuejs.org/ 四  下载安装引用 方式1:直接 ...

  7. Vue学习笔记-Vue基础入门

    此篇文章是本人在学习Vue是做的部分笔记的一个整理,内容不是很全面,希望能对阅读文章的同学有点帮助. 什么是Vue? Vue.js (读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式 ...

  8. Vue2.x源码学习笔记-Vue源码调试

    如果我们不用单文件组件开发,一般直接<script src="dist/vue.js">引入开发版vue.js这种情况下debug也是很方便的,只不过vue.js文件代 ...

  9. Vue2.x源码学习笔记-Vue构造函数

    我们知道使用vue.js开发应用时,都是new Vue({}/*options*/) 那Vue构造函数上有哪些静态属性和方法呢?其原型上又有哪些方法呢? 一般我都会在浏览器中输入Vue来look se ...

  10. Vue2.x源码学习笔记-Vue实例的属性和方法整理

    还是先从浏览器直观的感受下实例属性和方法. 实例属性: 对应解释如下: vm._uid // 自增的id vm._isVue // 标示是vue对象,避免被observe vm._renderProx ...

随机推荐

  1. git 强行pull并覆盖本地文件

    git 强行pull并覆盖本地文件 git fetch --all git reset --hard origin/master git pull

  2. Java ArrayList排序方法详解

    由于其功能性和灵活性,ArrayList是 Java 集合框架中使用最为普遍的集合类之一.ArrayList 是一种 List 实现,它的内部用一个动态数组来存储元素,因此 ArrayList 能够在 ...

  3. CentOS 7下NFS Server作rootfs时的兼容性问题

    最近新装CentOS 7,发现原先CentOS 6.3下可用的一块ARM Dev board不能用了,表现为VFS mount挂载rootfs失败. 使用WireShark发现,服务器对client发 ...

  4. JVM 专题

    未完待续>>> JVM - 整体结构 摘抄自:<分布式java应用基础与实践>-第三章 JVM - 内存 对上图各部分的概要解释: JVM - GC 详情参考: http ...

  5. windows下网络丢包模拟软件(Network Emulator for Windows Toolkit)

    最近公司有一个直播的测试项目,需要模拟各种网络环境下的直播状态,最后找到一款这样的软件(如果有遇到更好的软件,望和网友多多交流) 介绍一款windows下的网络模拟器,可以模拟各种丢包或延迟的网络(N ...

  6. svn 被锁住 冲突 Can't revert without reverting children

    解决 执行以下命令 D:\development\work>svn rm –-keep-local D:\development\work\ohho\common\logic\backstage ...

  7. uoj#29. 【IOI2014】Holiday

    http://uoj.ac/problem/29 经过的点集一定是一个包含start的区间,为了经过这个区间内所有点,必须先到达一个区间端点,再到达另一个区间端点,剩余的步数则贪心选区间内最大价值的点 ...

  8. NodeJs使用async让代码按顺序串行执行

    描述 由于nodejs中的函数调用都是异步执行的,而笔者在工程开发中函数A需要四五个参数,而这四五个参数值都是通过函数调用获得,因此按顺序写代码时,执行到函数A时,往往函数A需要的参数值因为参数的异步 ...

  9. Node.js做的代理转发服务器

    可以代理苹果ID服务器 const http = require('http'); const https = require('https'); const client = require('ht ...

  10. oracle em管理平台

      检查em有没有打开     https://172.30.2.120:1158/em/console/logon/logon   输入你配置的账号密码       界面如下图所示