原文:Vue 爬坑之路(五)—— 組件進階

組件 Component 是 Vue.js 最強大的功能之一,之前的文章都只是用到了基本的封裝功能,這次將介紹一些更強大的擴展。 一 基本用法 在使用 vue cli 創建的項目中,組件的創建非常方便,只需要新建一個 .vue 文件,然后在 lt template gt 中寫好 HTML 代碼,一個簡單的組件就完成了 一個完整的組件,除了 lt template gt 以外,還有 lt scrip ...

2017-02-14 11:03 10 17505 推薦指數:

查看詳情

Vue 之路(九)—— 用正確的姿勢封裝組件

迄今為止做的最大的 Vue 項目終於提交測試,天天加班的日子終於告一段落。。。 在開發過程中,結合 Vue 組件化的特性,開發通用組件是很基礎且重要的工作 通用組件必須具備高性能、低耦合的特性 為了滿足這些特性,開發的時候有很多需要注意的地方,這里我和大家分享一下我的心得 ...

Wed Jul 26 03:12:00 CST 2017 5 17210
Vue 之路(二)—— 組件之間的數據傳遞

Vue組件作用域都是孤立的,不允許在子組件的模板內直接引用父組件的數據。必須使用特定的方法才能實現組件之間的數據傳遞。 首先用 vue-cli 創建一個項目,其中 App.vue 是父組件,components 文件夾下都是子組件。 一、父組件向子組件傳遞數據 在 Vue 中 ...

Tue Jan 10 03:06:00 CST 2017 17 98478
Vue 之路(一)—— 使用 vue-cli 搭建項目

vue-cli 是一個官方發布 vue.js 項目腳手架,使用 vue-cli 可以快速創建 vue 項目,GitHub地址是:https://github.com/vuejs/vue-cli vue/cli 3.x 已經發布,如果使用 3.x 構建項目,請參考《Vue 之路(十二 ...

Fri Jan 06 22:04:00 CST 2017 46 146226
Vue 之路(三)—— 使用 vue-router 跳轉頁面

使用 Vue.js 做項目的時候,一個頁面是由多個組件構成的,所以在跳轉頁面的時候,並不適合用傳統的 href,於是 vue-router 應運而生。 官方文檔: https://router.vuejs.org/zh-cn/essentials/getting-started.html ...

Fri Jan 13 19:04:00 CST 2017 59 362992
Vue 之路(八)—— 使用 Echarts 創建圖表

在后台管理系統中,圖表是一個很普遍的元素。目前常用的圖標插件有 charts, Echarts, highcharts。這次將介紹 Echarts 在 Vue 項目中的應用。 一、安裝插件 使用 cnpm 安裝 Echarts 和之前介紹的 axios 類似 ...

Thu Mar 16 18:07:00 CST 2017 7 65363
Vue 之路(四)—— 與 Vuex 的第一次接觸

Vue.js 的項目中,如果項目結構簡單, 父子組件之間的數據傳遞可以使用 props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html 但是如果是大型項目,很多時候都需要在子組件之間傳遞數據,使用之前的方式就不太方便 ...

Sat Feb 04 23:11:00 CST 2017 28 55440
Vue 之路—— 使用 Vuex + axios 發送請求

Vue 原本有一個官方推薦的 ajax 插件 vue-resource,但是自從 Vue 更新到 2.0 之后,官方就不再更新 vue-resource 目前主流的 Vue 項目,都選擇 axios 來完成 ajax 請求,而大型項目都會使用 Vuex 來管理數據,所以這篇博客將結合兩者來發送 ...

Tue Jul 10 00:47:00 CST 2018 0 2396
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM