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
..