原创 webpack及vue-cli腳手架
webpack是一個現代js應用程序的模塊打包器（module bundler），分析項目結構，找到js模塊以及其他的一些瀏覽器不能直接運行的拓展語言（Sass，TypeScript等），並將其轉換和打包爲合適的格式供瀏覽器使用。
2019-09-16 06:52:25
原创 vue路由
路由的創建 路由：根據用戶請求實現對應組件的內容展示。 路由的作用： 1、在vue中，只能路由映射來實現組件內容的展示。 2、映射就是指對應：一個路由對應着一個組件。 路由的使用步驟： Vue Router使用指南 <!DOCTY
2019-09-07 05:40:18
原创 vue組件
組件的作用： 將一些共用的結構封裝爲單獨的模塊，這種模塊就可以認爲是組件。 組件的分類： 全局組件：在vm實例創建的 局部組件：單文件組件中創建 創建全局組件： Vue.component(組件名稱，{}) 組件是可複用的Vue實
2019-09-06 06:28:44
原创 axios（基於promise的HTTP庫）
axios是一個基於promise的HTTP庫，可以用在瀏覽器和node.js中 axios文檔 axios使用說明 安裝： npm install axios 引入： import axios from ‘axios’
2019-09-05 06:44:13
原创 vue過渡&動畫
vue提供了transition的封裝組件，下列情形中，可以給任何元素和組件添加進入或離開的過渡。 <style> /* 六個狀態 */ /* 由於之前設置了name屬性，所以樣式的前綴會被
2019-09-03 06:28:47
原创 vue實例
基於vue的helloworld的實例 步驟： 引入vue的js文件 vue.js下載地址 創建vue對象 new Vue() 實現vue對象中的配置 el: data: 實現vue數據對應的模板 插值表達式 <!DOCTYP
2019-08-31 05:08:46
原创 vue中自定義指令
鉤子函數： mounted(){} 鉤子函數：會自動觸發的函數 生命週期：一個實例從創建到銷燬的整個過程 vue中對元素進行識別： ref：相當於元素的id，可以使用ref爲元素設置一個唯一的標識 <!--設置ref屬性，
2019-08-31 05:08:46
原创 計算屬性、偵聽器
計算屬性：computed 使用方法： <div id="app"> {{result}} </div> <script> export default { el: '#app', data: {
2019-08-31 05:08:46