原创 checkbox 選中放入數組
html <!--ui-checkbox樣式，看我CSS文章checkbox--> <label> <input type="checkbox" name="test" class="ui-checkbox"> <
2020-02-20 15:51:17
原创 Vue 組件 - 在一個文件內組件的註冊與引入
組件的結構圖 組件的註冊 1.全局註冊： **main.js** Vue.component('my-component',{ template:'<h1>全局組件</h1>' });
2020-02-20 15:51:17
原创 js 樓層
解析：根據元素在頁面中與頂部的距離，來自動切換樓層的效果 $(function(){ $(window).scroll(function(){ /*頁面元素到頂部的距離*/ var oDi
2020-02-20 15:51:17
原创 Vue 插槽 -子組件插入信息到父組件中去
用法：父子組件中 子組件寫入<slot></slot>，就可以在父組件內容寫入內容了。 具名插槽<slot name="header"></slot> .在父組件中也要寫上對應的name，纔可以顯示。注：<slot></sl
2018-09-02 01:10:52
原创 Vue 指令 - v-bind 綁定標籤屬性
1.綁定屬性名，” “裏面是變量 可以是string object array <a v-bind:href="link" :title="linkname">百度</a> //綁定的是string <a :href="link" :
2018-09-02 01:10:52
原创 Vue 根據data中的數據變量綁定圖片
1.背景圖片綁定 <div class="index-board-item" v-for="(item,index) in boardList" :class="[{'line-last':index%2
2018-09-02 01:10:52
原创 Vue 指令directives
directives與data平級，其中el就是當前指令的元素。binding.value就是綁定的值 用法： directives:{ color:function (el,binding) { //默認的簡寫方式會在鉤子
2018-09-02 01:10:52
原创 vue-resource中模擬數據jsonserver
如果項目中沒有json-server，先安裝json-server npm install json-server –save 1.引用:再主入口main.js中（因爲都要用到） 使用json-server 在pack
2018-09-02 01:10:52
原创 Vue vue-resource ajax請求
如果項目中沒有vue-resource，先安裝vue-resource npm install vue-resource –save 1.引用:再主入口main.js中（因爲都要用到） import VueResource f
2018-09-02 01:10:52
原创 Vue 數據管理中心 vuex
簡介： 一個網站是許多組件拼成的，組件的數據是共享的。在其中一個組件中進行增刪，在其他組件中需要進行同步的更新 2種方法比較： 1.通過事件。（通知每一個組件，會變的非常複雜，不適合項目） 2.Store數據中心。用
2018-09-02 01:10:51
原创 Vue 過渡動畫
vue中v-show，v-if,動態組件 切換比較生硬。可以讓他有漸隱漸出的效果 css <template> <div> <transition name="fade" mode="out-in"> <!
2018-09-02 01:10:51
原创 Vue 組件 - 組件之間的通訊。操作父組件，獲取子組件數據
父組件向內傳遞屬性 –動態屬性 子組件像外發布事件 自定義事件：子組件要向父組件發送一個信息 在父組件中操作子組件的按鈕，父組件要自定義了一個事件。孩子發出這個對應事件，並給了一份數據給父親。不知道理解有沒有錯誤，求大
2018-09-02 01:10:51
原创 Vue 監聽屬性
> 監聽屬性：監聽vue的一個變量，每當這個變量發生改變，都執行特定的操作 watch:{…} 與data平級 1.watch本身是一個數組，key就是我們要監聽的變量，value就是一個函數執行操作 2.value這個函數有兩個參
2018-09-02 01:10:51
原创 Vue router 路由
如果項目中沒有路由，先安裝路由 npm install vue-router –save 1.引用:再主入口main.js中（因爲都要用到） import VueRouter from 'vue-router' 2
2018-09-02 01:10:51
原创 Vue 計算屬性
computed:{…} 與data平級 1.computed裏面的變量通過function返回，可以直接用於頁面{{}}渲染 計算屬性強大在於可以根據其他屬性來動態的更新計算屬性 <input type="text" v-
2018-09-02 01:10:51