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. svn hooks post-commit钩子自动部署

    #!/bin/sh #修改为服务编码 export LANG=zh_CN.utf- #Set variable REPOS="$1" REV="$2" SVN= ...

  2. 不可小视的String字符串

    String印象 String是java中的无处不在的类,使用也很简单.初学java,就已经有字符串是不可变的盖棺定论,解释通常是:它是final的. 不过,String是有字面量这一说法的,这是其他 ...

  3. Flashbuilder的bug FlashBuilder 1119: 访问可能未定义的属性 on (通过 static 类型

    FlashBuilder 1119: 访问可能未定义的属性 on (通过 static 类型 当此问题出现的时候 无论 刷新 清理 注释 删除 乃至重启电脑都无济于事. 解决方法:备份此类到另外一个地 ...

  4. Ubuntu 14.10 下编译Hadoop2.4.0

    在http://www.aboutyun.com/thread-8130-1-1.html 这里看到到,安装过程遇到了上面说的问题,所以将此文转载过来,以备不时之需,感谢此作者. 问题导读: 1.如果 ...

  5. vue2.0变化

    之前有很多的vue知识总结都是围绕1.0版本实现的,下面主要总结一下2.0相对于1.0的一些变化. 组件定义 在vue1.0中,我们有使用vue.extend()来创建组件构造器继而创建组件实例,如下 ...

  6. MyBatis 接口的使用

    为了简化MyBatis的使用MyBatis的使用,MyBatis提供了接口方式自动化生成调用过程,可以大大简化MyBatis的开发 开发映射文件: <select id="queryO ...

  7. HTML和SEO基础知识:H标签全透视

    原文地址:http://www.chinaz.com/web/2010/0921/134391.shtml 什么是H标签? h1,h2,h3,h4,h5,h6,作为标题标签,并且依据重要性递减.我认为 ...

  8. HDOJ 2019 数列有序!

    #include<vector> #include<iostream> #include<algorithm> #include<cstdio> usi ...

  9. 微信7.0以上版本fiddler、Charles抓包报HTTPS证书信任问题通报

    通报:微信更新到7.0以后抓包公众号会有证书问题,抓包小程序直接不能打开 各位不用到处找了,也不用怀疑人生了,你没有问题.win10也没有问题.fiddler和Charles也没有问题,是因为微信更新 ...

  10. Jmeter(四十三)WebSocket Sampler 和 Ajax Request

     权利被放出牢笼,就很难再被关入笼中:奴性被唤出来,腰杆和膝盖很难再直起来. ----宅猪<牧神记> websocket: 参考:https://blog.csdn.net/minmint ...