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">&lt
Vue

Vue中拆分檢視層程式碼的5點建議

目錄 一.框架的定位 二. Vue開發中的script拆分優化 1.元件劃分 2.剝離業務邏輯程式碼 3.
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