学习笔记：Vue

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

 

 

 

..