1 写在开头文档较长,可按需耐心反复阅读。其中带(官)的是直接引用了 Vue 官方的风格指南。针对 Vue 性能优化相关内容,单独在内容后进行了标注,可通过搜索“性能优化”四个字查找。2 Vue.js2 模板工程说明2.1 目的封装常用功能和配置,规范代码编写,保证输出的一致性,方便前端人员在此基础上快速开发新项目的业务模块。2.2 下载模板项目(Boilerplate)分为 JavaScript
转载 2021-01-17 17:33:28
732阅读
# Vue.js2中如何将内容固定在页面底部 在Vue.js2中,我们经常会遇到需要将特定内容固定在页面底部的需求,比如底部导航栏或悬浮按钮。本文将介绍如何实现这一功能,并提供一个实际的示例。 ## 问题描述 假设我们有一个Vue.js2的单页面应用,其中包含多个组件。我们希望在每个页面中都有一个底部导航栏,无论用户滚动页面的位置如何,导航栏都能固定在底部。 ## 解决方案 ### CS
原创 2023-09-12 18:08:00
2074阅读
一、建立中间件php artisan make:middleware CorsAjax二、编写中间件 CorsAjax \App\Http\Middleware\authorize_middleware::class, 'common' => \App\Http\Middleware\common::class, 'cors' => \App\Http\Middleware\Cors...
转载 2018-01-05 12:03:00
94阅读
2评论
1、新建一个vue文件,在文件里面把HTML文件引入(记得把需要引入的HTML放在static文件夹)  2、在index.js(router)里面设置路由跳转(1、引入2、设置routes) 3、在组件按钮的地方写方法: 4、在button处使用即可  大功告成!点击button就可以实现跳转了
转载 2023-06-05 14:58:48
399阅读
Vue基础5个实用案例前言本章节怼几个案例供读者小伙伴们练习,写不出东西就是写的少,多写就有思路,案例也懒得去搞CSS了,大家主要锤Vue就可以了。不废话直接上货!案例1:选择登陆方式需求点击页面按钮可以选择使用邮箱登录或用户账号登录代码<!DOCTYPE html> <html> <head> <meta charset="utf-8"&gt
转载 2023-08-13 13:30:08
93阅读
下载vue.js插件,插件下载Dom文档对象模型,对应HTML每个Vue应用程序都是通过Vue函数创建出一个新的Vue实例开始的el类型:String | HTMLElement | Function详解:为实例提供挂载元素,值可以是CSS选择符、或HTML元素、或返回HTML元素的函数。data详解:data是Vue实例的数据对象,Vue会将data的属性转化为getter/setter&nbs
转载 2023-05-23 11:49:35
95阅读
承接上一个 v-model v-model指令的作用是便捷的设置和获取表单元素的值 绑定的数据会和表单元素值相关联 绑定的数据↔表单元素的值 <!-- * @Descripttion: * @version: * @Author: 会飞的猪礼 * @Date: 2021-08-15 09:09:18 ...
转载 2021-08-15 14:48:00
232阅读
最近开发公司vue前端项目,做一下笔记,偶尔
原创 2022-11-30 11:46:18
75阅读
本系列博客汇总在这里:Vue.js 汇总小案例一、需求说明二、代码实现1、style.css2、demo.html3、main.js三、实现效果源码工程文件为:一、需求说明购物车。二、代码实现1、style.csstable { border: 1px solid #e9e9e9; border-collapse: collapse; border-spacing...
原创 2021-08-19 15:39:52
134阅读
本系列汇总在这里:Vue.js 汇总 TabBar 案例 源码工程文件为: 如有错误,欢迎指正!
原创 2022-01-15 13:35:45
87阅读
本系列汇总在这里:Vue.js 汇总小案例一、需求说明二、代码实现1、style.css2、demo.html3、main.js三、实现效果源码工程文件为:一、需求说明购物车。二、代码实现1、style.csstable { border: 1px solid #e9e9e9; border-collapse: collapse; border-spacing...
原创 2022-01-15 13:40:15
100阅读
本系列博客汇总在这里:Vue.js 汇总TabBar 案例源码工程文件为:如有错误,欢迎指正!
原创 2021-08-19 15:35:09
42阅读
首先要下载mtl-obj-loader,然后再下载一个three-controls即可<template> <div class="hello" ref="box"> </div></template><script>import * as THREE from 'three/src/Three'import {MTLLoader, OBJLoader} from 'mtl-obj-loader'import {Orb
原创 2021-09-02 17:49:11
787阅读
1评论
一、Vue基础1.1、概述作者:尤雨溪Vue.js是一套构建用户界面的渐进式框架。Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与单文件组件和 Vue 生态系统支持的库结合使用时,Vue 也完全能够为复杂的单页应用程序提供驱动。(SPA单页面应用,所有的显示都在一个页面当中)渐进式:一步一步,不是说你必须一次把所有的东
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device
原创 2022-02-03 09:22:41
330阅读
1.1 项目目录 ​ 1.2 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车案列</title> <link rel="stylesheet" href="style.css"> ...
转载 2021-10-28 19:31:00
162阅读
2评论
二、input 复用问题 1、存在问题 如果我们在有输入内容的情况下,切换了类型,我们会发现文字依然显示之前的输入的内容。但是按道...
原创 2022-01-23 11:10:33
72阅读
条件渲染案例一、案例说明及实现二、input 复用问题1、存在问题2、问题解答3、解决方案三、for 属性补充说明
原创 2021-08-25 11:04:10
121阅读
一、构造器每个Vue.js应用都是通过构造函数Vue创建一个Vue的根实例启动的:var vm = new Vue({});实例化需要传入一个选项对
原创 2017-06-02 22:16:11
54阅读
一、模板语法(mustache)模板语法是什么?<div id="app"> <p> num: {{ num }}</p> <p> str: {{ str }}</p> <p> und: {{ und }}</p> <p> nul: {{ nul }}<...
原创 2022-05-10 15:15:21
107阅读
  • 1
  • 2
  • 3
  • 4
  • 5