Vue
父主題
前端
Vue|Laravel
排除在 Laravel-admin 使用 Vue 時，Pjax 干擾的問題
雖然用 Laravel-admin 開發 CRUD 很快速，但如果要需要使用 Vue 開發前端元件時，Pjax 就會干擾，讓 Vue 出現了各式各樣奇怪的問題。因此以下將示範如何解決此問題。本文介紹的
Vue
vue 元件中給 body,HTML 單獨設定樣式
今天遇到了給單個元件的body設定背景顏色不起作用，原因是每個元件樣式作用於僅在那個模板的div裡，所以採用下面的方面，給這個頁面做一個假的body,程式碼如下<template>
Vue
vue 方法與事件
在事件繫結上，類似原生Javascript的onclick寫法，也是在HTML上進行監聽的。@click的表示式可以直接使用javascript語句，也可以是一個在Vue例項中methods選項內的函
Vue
vue 第一天學習
vue 組 件的點選事件@click.native.prevent="handleLogin" 看到 click.native.prevent 這個很奇怪，上網查到給vue元件繫結事件時候，必須加上
Vue
vue3 指定埠號運生不生效
vue指定過埠，每次啟動埠都會變 vue.config.js 中指定過埠module.exports = { ... devServer: { port: 8899 }, ...po
Vue
vue 陣列方法
vue的核心時資料和檢視的雙向繫結，當我們修改陣列時，vue會檢測到資料的變化，所以用v-for渲染的檢視也會立即更新。vue包含了一組觀察陣列變異的方法，使用它們改變陣列也會觸發檢視更新：push(
Vue|Laravel
微信公眾號開發 1: Laravel 5.7 + we-vue + vue-router 搭建
經過一段時間的vue學習，現在開始嘗試用vue做一個專案，重構公司的報名系統。 經過一下午的考察，我打算基於laravel5.7並用we-vue 來作為我開始此次程式的vue前端框架，今天的任務就是搭
Vue
vue 基礎入門筆記 19:計算屬性和偵聽屬性
簡單介紹computed屬性的結果會被快取，除非依賴的響應式屬性變化才會重新計算。主要當作屬性來使用；methods方法表示一個具體的操作，主要書寫業務邏輯；watch一個物件，鍵是需要觀察的表示式，
Vue
vue 基礎入門筆記 18:命名檢視實現經典佈局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
Vue
vue 基礎入門筆記 18:路由巢狀
當在一個元件容器裡面進行路由跳轉（比如在個人賬號元件中跳轉登入元件和註冊元件）使用children屬性，實現子路由<!DOCTYPE html><html lang="en">
Vue
vue 基礎入門筆記 17:路由傳參的兩種方式
query params<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
Vue
vue 基礎入門筆記 16:路由的使用和重定向
使用步驟將vue-router 引入vue下面新建兩個元件login元件和register元件新建router物件，註冊到vm示例上去路由渲染的兩個方式a標籤 <a href="#/lgoin
Vue
vue 基礎入門筆記 15
被用來給元素或子元件註冊引用資訊。引用資訊將會註冊在父元件的 $refs 物件上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子元件上，引用就指向元件例項：
Vue
vue 基礎入門筆記 14
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
Vue
vue 基礎入門筆記 13
父元件向子元件傳值： prop 是父元件用來傳遞資料的一個自定義屬性。子元件需要顯式地用 props 選項 宣告 “prop”：父元件向子元件傳遞方法： @方法名 = 父元件的方法 子元件通過 $
Vue
vue 基礎入門筆記 12
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta
Vue
vue 基礎入門筆記 11
1 什麼是元件 * 為了拆分Vue示例的程式碼量，能夠讓我們以不同的元件，來劃分不同的功能模組，將來我們需要什麼的功能，就可以去呼叫對應的元件即可 * 模組化： 是從程式碼邏輯的角度進行劃
Vue
vue 基礎入門筆記 10
初識http請求1. vue-resource * 全域性設定資料請求介面的根域名 Vue.http.option.root = 'url' 每次請求時不能用絕對路徑，不能帶 / ,否則不會用根
Vue
vue 基礎入門筆記 09
1. beforeCreate() data 和 methods 都沒有初始化2. created() data 和 methods 有初始化3. beforeMount() 模板已經編譯好在記憶體
Vue
Vue專案優化
在日常的Vue專案開發中，隨著業務的日漸複雜，程式碼量的日益增加，隨之帶來的問題就是打包後的vendor.js體積過大，導致載入時空白頁時間過長，給使用者的體驗太差。為此我們需要減少vendor.js
Vue
vue 基礎入門筆記 08
1. 鍵盤修飾符 * 鍵盤迴車2. 自定義指令 * focus 案例<!DOCTYPE html><html lang="en"><head>
Vue
vue 基礎入門筆記 07
* 用於常見文字的格式化，在兩個地方 1. 插值 2. v-bind 表示式<!DOCTYPE html><html lang="en"><head>
Vue
vue 基礎入門筆記 06
* 簡單的新增 刪除 檢索<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">
Vue
koa2+vue實現登陸以及是否登陸控制
這裡我們先說說登陸以及登陸狀態控制需要的外掛jsonwebtoken,jsonwebtoken就可以實現token的生成與反向解密出使用者資料。安裝步驟: npm install jsonwebtok
Vue
vue 基礎入門筆記 05
1. v-if 每次都要刪除元素或建立元素2. v-show 每次display:none 或者 block<!DOCTYPE html><html lang="en"><
Vue
vue 基礎入門筆記 04
1. v-for的四種情況 * 陣列 * 陣列物件 * 物件 * 數字2. 在元件中key是必須的<!DOCTYPE html><html lang="en"
Vue
vue 基礎入門筆記 03
1. v-bind 實現表單元素和model中的資料進行雙向繫結 2. :class 三種形式 * 陣列形式 * 三元表示式 * 用物件代替三元表示式（提高可讀性）3. styl
Vue
vs code 新建程式碼片段 vue 基礎程式碼
當學習vue 的每個知識點時，需要每次都建立一個新的vue基礎程式碼，然後使用vscode 的程式碼片段，就不用每次複製程式碼了 啦啦啦1. 開啟vscode2. 點選選單code =》 首選項
Vue
vue 基礎入門筆記 02
1. 事件修飾符<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta