vue基础

vue基础知识十三：Vue中的$nextTick有什么作用？

一、NextTick是什么官方对其的定义在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的DOM什么意思呢？我们可以理解成，Vue在更新DOM时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新举例一下Html结构{{message}}构建一个vue实例constvm=newVue({el:'#app
小爱同学-Allen·2023-09-20 09:08

vue基础知识十四：说说你对vue的mixin的理解，有什么应用场景？

一、mixin是什么Mixin是面向对象程序设计语言中的类，提供了方法的实现。其他类可以访问mixin类的方法而不必成为其子类Mixin类通常作为功能模块使用，在需要该功能时“混入”，有利于代码复用又避免了多继承的复杂Vue中的mixin先来看一下官方定义mixin（混入），提供了一种非常灵活的方式，来分发Vue组件中的可复用功能。本质其实就是一个js对象，它可以包含我们组件中任意功能选项，如da
小爱同学-Allen·2023-09-20 09:35

ES6新语法及vue基础

https://www.angularjs.net.cn/es6新语法:(多看多用)1字符串方法//字符串方法includes包含//letstr="ijahsdjkhasd";//console.log(str.includes("jjj"));//false//console.log(str.includes("ij"));//true//console.log(str.includes("a
公诚士·2023-09-20 08:03

Vue基础指令 & 指令修饰符

目录Vue.js简介Vue.js目录：Vue.js模板语法插值语法(Mustache)v-html指令v-text指令v-on指令v-bind指令v-if指令v-if与v-show的区别：v-model指令指令修饰符Vue.js简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不
未飞·2023-09-19 23:21

【Vue】模块基本语法「上篇」

v-else|v-else-if2.2v-show2.3v-for2.4动态参数三、过滤器3.1局部过滤器3.2全局过滤器四、计算属性&监听属性4.1计算属性4.2监听属性五、案例实操5.1购物车案例Vue
匿瘾:·2023-09-19 20:53

Vue基础语法

目录1.插值（Interpolation）案例：效果图：2.指令（Directives）2.1什么是指令？2.2常见指令示例v-if/v-else-if/v-else：v-for：下拉框动态参数3.过滤器（Filters）3.1什么是过滤器？3.2过滤器的使用案例4.计算属性和监听器（ComputedProperties&Watchers）4.1计算属性的作用计算属性的主要用途：计算属性的优势：4
Ar.小白·2023-09-19 16:04

Vue基础之模板语法介绍

前言上篇我分享了关于Vue的入门，简单的入了个门。本篇文章将要分享的内容为Vue的模板语法。一、插值1.1、文本1.2、html1.3、属性1.4、class、style绑定1.5、表达式在Vue的模板语法中，插值是一种常用的方式来动态地将数据渲染到视图中。Vue使用双大括号{{}}作为插值的语法标记。最简单的用法是在模板中直接插入数据值，例如：{{message}}上面的代码将把Vue实例中的m
〔Lisa〕·2023-09-19 07:11

Vue2电商前台项目——完成Search搜索模块业务

Vue2电商前台项目——完成Search搜索模块业务Vue基础知识点击此处——Vue.js文章目录Vue2电商前台项目——完成Search搜索模块业务一、项目开发的步骤二、各种请求数据并展示数据1、写Search
POTATO！·2023-09-18 19:23

Vue2电商前台项目——完成Detail详情页模块业务

Vue2电商前台项目——完成Detail详情页模块业务Vue基础知识点击此处——Vue.js文章目录Vue2电商前台项目——完成Detail详情页模块业务一、项目开发步骤二、配置路由规则+滚动行为1、配置路由规则
POTATO！·2023-09-18 19:23

超全vue面试题整理

vue基础vue是什么是一个动态构建用户界面的渐进式JavaScript框架。用来创建单页应用的web应用框架。优势：Vue是一个轻量级框架，只关注图层，是一个构建数据的视图集合，大小只有十几KB。
想学好前端的小宝·2023-09-17 23:43

VUE基础知识总结,坚持每天一遍,一篇就够用了

Vue是目前`前端三大框架`之一:AngularReactVue-理念:`自动化+数据驱动`-自动完成DOM的相关操作,数据变更时自动更新相关DOM元素-作者希望用户:只要关心数据的变化即可,DOM的操作全自动Vue分三个版本:-vue1:已淘汰-`vue2`:目前占有率较高-vue3:以后的主流Vue开发方式:-脚本:同jQuery引入脚本即可,适合入门阶段-脚手架:适合实际开发!Vue语法:n
床前明月慌·2023-09-17 10:35

vue语法【笔记】

这里写目录标题为什么要使用MVVMVUE基础语法学习代码demo2.html案例结果：代码demo03.html测试结果：代码demo04案例测试结果：为什么要使用MVVMMVVM模式和MVC模式一样，
Code L·2023-09-17 06:54

vue基础知识十二：双向数据绑定是什么

一、什么是双向绑定我们先从单向绑定切入单向绑定非常简单，就是把Model绑定到View，当我们用JavaScript代码更新Model时，View就会自动更新双向绑定就很容易联想到了，在单向绑定的基础上，用户更新了View，Model的数据也自动被更新了，这种情况就是双向绑定举个栗子当用户填写表单时，View的状态就被更新了，如果此时可以自动更新Model的状态，那就相当于我们把Model和Vie
小爱同学-Allen·2023-09-16 22:08

vue基础知识十一：Vue组件之间的通信方式都有哪些？

一、组件间通信的概念开始之前，我们把组件间通信这个词进行拆分组件通信都知道组件是vue最强大的功能之一，vue中每一个.vue我们都可以视之为一个组件通信指的是发送者通过某种媒体以某种格式来传递信息到收信者以达到某个目的。广义上，任何信息的交通都是通信组件间通信即指组件(.vue)通过某种方式来传递信息以达到某个目的举个栗子我们在使用UI框架中的table组件，可能会往table组件中传入某些数据
小爱同学-Allen·2023-09-16 22:06

模版语法、列表渲染、文本指令、事件指令、属性指令、vue中的style和class、条件渲染、v-for能循环的

vue基础1模版语法2文本指令2.1模版语法v-text2.2文本指令v-html2.3文本指令v-show2.4文本指令v-if2.5v-show把图片的显示隐藏3事件指令ES6对象语法演变3.1v-on
我可以将你更新哟·2023-09-16 03:45

11.前端：vue

艾编程架构课程第十九---二十三节笔记未完待续艾编程前端第一课：实现电商购物车01-Vuejs介绍02-Vuejs-快速下载和安装03-Vuejs实操系列04-Vuejs实操系列-插值表达式05-Vue
CJ-小门·2023-09-15 17:26

Vue基础（2）- 使用Vue的第一步

1.官方文档传送门https://cn.vuejs.org/2.其实vue的使用操作很像我们平常在做的导包入包，官方提供了两个版本的vue，but在学习阶段建议使用开发版本，即完整版，除了可以完整的看到整个框架涵盖的内容，同时包括所有完整的警告提示，在学习阶段中容易让我们发现错误及时改正；生产版本，也可以称之为mini版本，运行速度较快，代码压缩，but没有帮助的提示信息。3.html中插入有关h
Mojov·2023-09-15 16:11

vue基础知识十：Vue中组件和插件有什么区别？

一、组件是什么回顾以前对组件的定义：组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在Vue中每一个.vue文件都可以视为一个组件组件的优势降低整个系统的耦合度，在保持接口不变的情况下，我们可以替换不同的组件快速完成需求，例如输入框，可以替换为日历、时间、范围等组件作具体的实现调试方便，由于整个系统是通过组件组合起来的，在出现问题的时候，可以用排除法直接移除组件，或
小爱同学-Allen·2023-09-15 00:12

Vue基础集合

目录Vue1、渐进式框架2、VueAPI风格选项式API组合式API选择哪一种书写？在生产项目中：3、Vue开发前的准备创建Vue项目问：创建Vue项目的命令是什么？4、模板语法文本插值使用JS表达式原始HTML5、属性绑定简写动态绑定多个值6、条件渲染`v-if`和`v-show`的区别7、列表渲染遍历对象的时候名称要不一样通过key管理状态数组变化侦测变更方法替换一个数组8、事件处理内联事件处
海量的海·2023-09-14 07:03

vue基础一（模板语法，事件绑定，表单输入绑定，计算属性，侦听器）

vue1.vue简介1.1mvvm模式1.2组件化1.3安装和使用1.3.1在HTML中1.3.2在node中1.4为什么要把data对象变成函数并return1.5关于vue3的根节点1.6生命周期2.模板语法（指令）2.1内容渲染指令2.1.1{{}}2.1.2v-html2.1.3Attribute2.1.4表达式2.2条件渲染2.2.1v-if2.2.2v-show2.2.3v-if和v-
今天晚上一定要早睡·2023-09-13 22:23

Vue3.0组合式API（三）-----模板语法

目录一、Vue基础1.1Vue格式1.2mustache语法1.3计算属性二、基本语法2.1属性绑定2.2条件与循环2.2.1显示/隐藏标签2.2.2遍历生成标签2.3用户交互2.3.1监控用户动作2.3.2
chuck-Gemini·2023-09-13 22:22

vue基础 组合式和响应式 && 模板语法 && 计算属性

模板语法|Vue.js根据文档组合式和响应式响应式响应api单网页实例式组合式组合式api单网页实例模板语法文本插值{{msg}}最基本的数据绑定形式是文本插值，它使用的是“Mustache”语法(即双大括号)：import{onMounted,ref,version}from'vue'constver=ref('ok')//ver={value:'ok'}consttt=()=>{ver.val
sk古月·2023-09-13 22:51

Vue基础-day02

computed计算属性出现的目的是解决模板中存放过多的逻辑会让模板过重且难以维护的问题计算属性的基于他们的依赖进行缓存的watchwatch监听器用来监听data中数据的值，只要监听的数据一变化，他就能执行相应的函数注意：通常情况下用computed，当需要在数据变化时执行异步或者开销较大的操作时，用watchmountedmounted钩子函数很特殊，他表示页面一加载进来就执行函数里面的内容（
慢慢慢热型·2023-09-13 18:11

javaweb04-vue基础

话不多说，参考官网地址Vue官网集成Vue应用。一、Vue快速入门（1）新建HTML页面，引入Vue.js我这里用的是CDN方式（2）在核心区域创建Vue应用，定义数据模型``` Vue.createApp({  data(){   return{    message:'HelloWorld'   }  } }).mount('#app')```（3）编写视图```   {{message}} 
阴天吃鱼·2023-09-13 09:35

vue基础知识八：为什么data属性是一个函数而不是一个对象？

一、实例和组件定义data的区别vue实例的时候定义data属性既可以是一个对象，也可以是一个函数constapp=newVue({el:"#app",//对象格式data:{foo:"foo"},//函数格式data(){return{foo:"foo"}}})组件中定义data属性，只能是一个函数如果为组件data直接定义为一个对象Vue.component('component1',{tem
小爱同学-Allen·2023-09-12 23:44

vue基础知识九：动态给vue的data添加一个新的属性时会发生什么？怎样解决？

一、直接添加属性的问题我们从一个例子开始定义一个p标签，通过v-for指令进行遍历然后给botton标签绑定点击事件，我们预期点击按钮时，数据新增一个属性，界面也新增一行{{value}}动态添加新属性实例化一个vue实例，定义data属性和methods方法constapp=newVue({el:"#app",data:()=>{item:{oldProperty:"旧属性"}},methods
小爱同学-Allen·2023-09-12 23:42

vue页面添加水印（可用于H5，APP）

实现代码相对简单，相信有点vue基础的人都能看懂新建vue组件watermark.vue{{info}}constprops=defineProps({info:{type:String,default
abs625·2023-09-12 19:46

vue基础-axios封装/同步请求

本章介绍Vue项目中如何使用Axios封装http请求，请求/响应拦截器部分写的比较简单，后续项目中可以补充。1、/src/utils/目录下建立一个htttp.js导入axios设置axios请求参数创建axios实例请求拦截器响应拦截器封装get请求导出封装post请求导出//0、导入axiosimportaxiosfrom'axios'//1、设置axios请求参数axios.default
不会叫的狼·2023-09-11 13:00

vue基础-axios详解

1.1背景Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中,也是vue官方推荐使用的http库；封装axios，一方面为了以后维护方便，另一方面也可以对请求进行自定义处理。1.2vue请求模块选择2应用2.1安装axios依赖npminstallaxios--save2.2GET方法1、引用axios模块importaxiosfrom"axios";2、get请求发
不会叫的狼·2023-09-11 13:59

Vue2电商前台项目——项目的初始化及搭建

Vue2电商前台项目——项目的初始化及搭建Vue基础知识点击此处——Vue.js文章目录Vue2电商前台项目——项目的初始化及搭建一、项目初始化1、脚手架目录介绍2、项目的其他配置二、项目的路由分析及搭建
POTATO！·2023-09-11 05:03

Vue2电商前台项目——完成Home首页模块业务

Vue2电商前台项目——完成Home首页模块业务Vue基础知识点击此处——Vue.js文章目录Vue2电商前台项目——完成Home首页模块业务一、项目开发的步骤二、Home首页拆分静态组件1、完成TypeNav
POTATO！·2023-09-11 05:01

基于vue-cli3 + axios 构建多页面应用H5移动端电商网站项目（下）X

基于vue-cli3+axios构建多页面应用H5移动端电商网站（下）如果有web前端html+css+js+vue基础的小伙伴，可以直接跳过上一篇，直接阅读此文。
青铜小菜姬·2023-09-10 23:43

【Vue知识点- No5.】生命周期、axios、购物车案例

Vue基础,组件使用,props传值,组件通信,计算属性使用,对象引用类型使用。ax
小蜜蜂学爪哇·2023-09-10 12:37

VUE基础知识(1)

VUE基础知识（1）1.创建工程2.模板语法3.条件渲染4.列表渲染5.事件处理6.数组变化侦测7.计算属性8.类与样式绑定9.侦听器10.表单输入绑定11.模板引用12.组件1.
我是小z呀·2023-09-08 05:48

vue基础知识七：SPA首屏加载速度慢的怎么解决？

一、什么是首屏加载首屏时间（FirstContentfulPaint），指的是浏览器从响应用户输入网址地址，到首屏内容渲染完成的时间，此时整个网页不一定要全部渲染完成，但需要展示当前视窗需要的内容首屏加载可以说是用户体验中最重要的环节关于计算首屏时间利用performance.timing提供的数据：通过DOMContentLoad或者performance来计算出首屏时间//方案一：docume
小爱同学-Allen·2023-09-07 03:12

vue基础知识六：v-show和v-if有什么区别？使用场景分别是什么？

一、v-show与v-if的共同点我们都知道在vue中v-show与v-if的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示在用法上也是相同的当表达式为true的时候，都会占据页面的位置当表达式都为false时，都不会占据页面位置二、v-show与v-if的区别控制手段不同编译过程不同编译条件不同控制手段：v-show隐藏则是为该元素添加css–display:none，dom元
小爱同学-Allen·2023-09-07 02:41

「网页开发｜前端开发｜Vue」04 快速掌握开发网站需要的Vue基础知识

本文主要介绍使用Vue进行前端开发的一些必备知识，比如：Vue应用实例，Vue的组件概念，模板语言和模板语法，计算属性，路由配置等等。文章目录本系列前文传送门前言一、Vue实例：项目入口二、模板语言：Vue如何编写页面三、模板语法：类编程语言的设计四、计算属性与监听属性**计算属性具体用法如下：**监听属性具体用法如下:五、生命周期与Hook函数本系列下一篇文章传送门本系列前文传送门「网页开发｜前
明仔的阳光午后·2023-09-06 21:38

Vue2基础学习

vue基础学习Vue基础指令v-show和v-ifv-on指令v-bind指令v-bind操作classv-bind操作stylev-for指令练习：图书管理案例v-modelv-model原理指令修饰符
hogenlaw·2023-09-06 20:21

Vue学习笔记

文章目录前端框架Vue基础知识环境搭建线上尝试CDN使用VueCLIVite开发准备安装Vue工具VueCLI创建一个项目运行项目安装Vue高亮插件模板语法文本原始HTML属性Attribute使用javascript
sober30·2023-09-06 18:45

Vue基础教程视频：

Vue基础教程视频：https://www.bilibili.com/video/av25142267https://www.bilibili.com/video/av25143408https://www.bilibili.com
影夜随风·2023-09-06 09:38

Vue 基础篇

Vue基础篇一、框架与库的区别JQ库->DOM(DOM操作)+Ajax请求art-template库->模板引擎框架->全方位、功能齐全简易的DOM体验+发请求+模板引擎+路由功能+...代码上的不同：
CN_yang·2023-09-06 09:50

待整理-vue

vue笔记一、vue基础vue基本介绍官网https://cn.vuejs.orgAPI相当于字典，使用的时候可以查询下尚硅谷vue技术学习vue基础、vue-cli、vue-router、vuex、element-ui
ListenYin·2023-09-06 03:51

06-Vue基础之事件处理

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录前言侦听事件1.事件的基本使用2.v-on事件修饰符关键修饰符前言在vue的学习过程中，我们常会用到事件处理，比如在表单提交，按钮中，列表多级菜单折叠等，都是需要监听点击事件才可以实现。之前学习js中也常用到各种事件，在vue中我们将事件处理可
坠入暮云间x·2023-09-05 01:56

07-Vue基础之综合案例——小黑记事本

经过前几周的学习，相信大家对vue基础知识已经有了大概的了解，复习之前学的知识一起做一个综合案例进行
坠入暮云间x·2023-09-05 01:56

08-Vue基础之组件

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录什么是Vue组件？组件的组成部分全局组件局部组件1.vue组件命名规范2.vue项目文件今天的学习内容是vue的组件，让我们一起看下去吧！不会安装VUE和配置的可以看这篇文章，up主写的很详细，也很适合新手Vue安装与配置入门教程(非常详细)什
坠入暮云间x·2023-09-05 01:23

Vue基础2：传值方法

Description传值就是为了联动，能够及时准确传值获取值才是王道。ValuationMethodsprops和$emitprops是父传子，$emit是子传父。props的使用父组件传出值父组件的中的子组件标签上我们加入的options，headerData，tableData三个变量是准备要传给子组件的。子组件收到值props:{tableData:{type:Array,default:
码路老默007·2023-09-03 08:42

Vue基础1：生命周期汇总（vue2）

Description生命周期图：可以理解vue生命周期就是指vue实例从创建到销毁的过程，在vue中分为9个阶段：创建前/后，载入前/后，更新前/后，销毁前/后，+其他；常用的有：created，mounted，destroyed。一、创建（实例）1、beforeCreate：这个阶段实例已经初始化，只是数据观察与事件机制尚未形成，不能获取DOM节点（没有data，没有el）使用场景：因为此时d
码路老默007·2023-09-03 08:41

vue基础

一、简介1.定义：是一款用于构建用户界面的js框架，基于标准html、css和js构建，提供了一套声明式的、组件化的编程模型，可以高效地开发用户界面。2.核心功能：声明式渲染，基于标准html拓展了一套模版语法，使得可以声明式地描述最终输出的html和js状态之间的关系。响应性：vue会自动跟踪js状态，并在其发生变化时响应式地更新DOM。3.渐进式框架：vue的设计注重灵活性和“可以被逐步集成”
与光i·2023-09-03 01:08

vue基础

##vueJs基础###1VueJs介绍Vue.js是一个构建数据驱动的web界面的渐进式框架。易于上手，还便于与第三方库或既有项目整合####MVVM模式MVVM是Model-View-ViewMode的简写。它本质上就是MVC的改进，MVVM就是将其中的VIew的状态和行为抽象化，让我们将视图UI和业务逻辑分开MVVM模式和MVC模式一样，主要的目的是分离视图和模型###Vue的入门###Vu
满山的猴子我毛最多·2023-09-03 00:41

Vue中使用TypeScript

因为刚接触没多久，写得不好多多海涵，栗子用了另外一位作者的，在此表示感谢，vue3.x开始会慢慢向typescript靠拢，所以学习ts是非常有必要的，阅读本文需要具备一定的TypeScript基础和vue
我小时候很可爱·2023-09-01 04:59
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他