学习笔记：Vue

学习笔记&＃xff1a;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的理由&＃xff1a;不喜欢使用内联模板(inline template), 而React将JSX/HTML和JS混合到一起

CDN&＃xff1a;　　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#进入项目&＃xff0c;安装并运行&＃xff1a;
$ cd my-project $ cnpm install $ cnpm run dev #成功执行以上命令后访问 http://localhost:8080/

一、指令

v-model　　文本框输入后&＃xff0c;模型也会变&＃xff0c;双向

v-text　　文本渲染 {}

v-show　　dom有&＃xff0c;只是显隐

v-if　　dom不存在

v-bind　　

v-for　　

v-on　　事件绑定

二、过滤器 filter

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

三、组件

component

页面头部、底部、轮播等

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

Vue.js 路由

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

中文文档地址&＃xff1a;　　https://router.vuejs.org/zh-cn/

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

cnpm install vue-router

Vue的一些相关的库&＃xff1a;　　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