學習筆記：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/

 

 

 

 

 

 

---

 

 1、指令

v-model　　文本框輸入後，模型也會變，雙向

v-text　　文本渲染 {}

v-show　　dom有，只是顯隱

v-if　　dom不存在

v-bind　　

v-for　　

v-on　　事件綁定

2、過濾器 filter

對接口返回的數據，過濾和戰士，好比金額格式化、貨幣等

3、組件

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

 

 

 

..