原创 【老司機帶你飛】vue.js基礎入門教程（八）
v-bind指令 給元素綁定屬性，語法：v-bind:id=”idName”,也可以自定義綁定自定義屬性：v-bind：data=“dataName” <div id="app"> <div> <butto
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js路由和resource模塊綜合應用
實現一個簡單的博客系統 數據庫： CREATE TABLE `blog` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '表id', `title` varch
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js基礎入門教程（十五）
使用node.js實現後端數據庫的增刪改查（如對node.js感興趣，可深入學習） 1） 創建一個文件夾nodeserver 2） 使用cmd進入文件夾nodeserver 3） npm install express 4） np
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js腳手架（二）
文件流程及根組件app 文件流程 項目啓動後，vue通過內部文件的加載機制首先加載index.html，然後調用main.js程序文件，最後通過vue實例引入根組件App.vue index.html(入口模板文件)->mai
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js基礎入門教程（十六）
vue-resouse（vue對ajax的封裝） vue實現異步加載需要引入vue-resource庫 腳手架環境引入對應模塊 注意：完成這部分內容我們需要上節的知識，需要啓動node.js服務端監聽 <script src="j
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js腳手架（三）
組件嵌套 實際上，HelloWorld已經實現了組件嵌套。嵌套過程：首先創建組件->使用import導入->在處理邏輯中註冊組件->在模板中插入組件標籤 例：在app.vue中嵌套user組件 在components文件夾中新建U
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js腳手架（六）
事件傳值（子向父） App.vue <template> <div id="app"> <User v-bind:users="users" v-bind:title="title" v-on:changeAllTit
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js基礎入門教程（十二）
生命週期鉤子函數 從vue實例被創建到實例被銷燬，這個完整的聲明週期內，vue給我們提供了多個鉤子函數。 vue1.0+ vue2.0 描述 init beforeCrete 組件實例被創建，組件計算屬性之前
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js腳手架（五）
組件傳值props App.vue <template> <div id="app"> <User v-bind:users="users"></User> </div> </template> <script>
2020-05-31 04:52:54
原创 【老司機帶你飛】vue.js指令綜合應用
使用指令完成用戶數據的增刪查功能 <!DOCTYPE html> <html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www
2019-06-10 22:52:24
原创 【老司機帶你飛】vue.js腳手架（七）
路由 項目中使用路由模塊，需要下載 使用命令 ：npm install vue-router --save-dev 在src中創建一個文件夾叫router，在router中創建一個index.js文件 寫如下配置： import
2019-06-10 22:52:24
原创 【老司機帶你飛】腳手架綜合案例
後端：node.js 數據庫：mysql 工具：webstrom 此案例是把我們指令綜合案例改裝成vue-cli腳手架來實現 在webstrom中創建一個名爲blog的vue-cli項目。最終項目目錄結構如下 main.
2019-06-10 22:52:24
原创 【老司機帶你飛】vue.js基礎入門教程（十三）
vue路由模塊 路由：通過不同的url訪問不同的內容 需要引入vue-router.js文件，如果是腳手架環境，我們需要下載相應模塊 <div id="app"> <p> <!--router-link組件
2019-06-10 22:52:24
原创 【老司機帶你飛】vue.js腳手架（八）
vue-resource 使用命令：npm install vue-resource --save-dev 安裝模塊 在src目錄下創建resource文件夾，創建index.js 寫入如下配置： import Vue from
2019-06-10 22:52:24
原创 【老司機帶你飛】vue.js基礎入門教程（九）
樣式綁定 操作元素的class列表和style內嵌樣式的常見的需求。因爲class和style都是html的屬性，所以我們可以使用v-bind來動態改變樣式。 1） 綁定html的class 可以爲v-bind:class設置一個
2019-06-10 22:52:23