Vue基础

【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

Vue基础入门（Ⅲ）

生命周期&数据共享、动态组件内容一览建议配合原图使用组件的生命周期1.生命周期&生命周期函数2.组件生命周期函数的分类组件之间的数据共享1.组件之间的关系2.父子组件之间的数据共享3.兄弟组件之间的数据共享ref引用1.什么是ref引用2.使用ref引用DOM元素3.使用ref引用组件实例4.控制文本框和按钮的按需切换5.让文本框自动获得焦点this.$nextTick(cb)方法动态组件1.什么
ZBink·2023-08-30 08:39

Vue基础内容，Vue入门

传统网页开发请求数据->生成结构->监听变化元素变化->发送请求->更新结构缺点DOM操作频繁，代码繁杂DOM操作与逻辑代码混合，数据或者结构的修改，可维护性差不同功能区域书写在一起，可维护性低模块之间依赖关系复杂前端流行框架Vue.js库是一种工具，在代码中起到辅助作用。框架是JS框架，是遵从遵守规则开发的一种方式本文目的是学习Vue.js规则，Vue.js是渐进式JavaScript框架，官方
mcgee0731·2023-08-28 07:54

Vue最全笔记

一、vue基础1初识Vue：1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3.root容器里的代码被称为
飞飞帅傅·2023-08-27 09:53

Vue基础个人笔记

学习Vue自用笔记持续更新文章目录Vue基础01.初识VueMVVM模式（留个坑，学深了再补充）Vue基础使用02.Vue渲染条件渲染v-if:条件性地渲染一块内容v-showv-ifvsv-showv-forv-for
advitaw·2023-08-26 19:42

vue基础

VueJSimage官网：https://cn.vuejs.org/简介数据驱动组件，为现代化的Web页面而生特点简洁：HTML模板+JSON数据+Vue实例数据驱动：自动追踪依赖的模板表达式和计算属性组件化：用解耦、可复用的组件来构造世界轻量：~24kb的包，无依赖快速：精确有效的异步批量DOM更新模块友好：通过npm或bower安装，无缝融入你的工作流Vue和其它框架的不同对比其它框架http
蠢淡淡不蠢·2023-08-26 13:57

Day04-Vue基础-监听器-双向绑定-组件通信

Day04-Vue基础-监听器-双向绑定-组件通信一侦听器语法一{{name}}修改1<
金霖海·2023-08-25 15:45

Day05-Vue基础

Day05-Vue基础一、单向数据流父子组件通信。会在父组件中定义好数据，将数据传递给子组件，可以使用这个数据Vue中针对props这个属性提出了一个单向数据流的概念。
金霖海·2023-08-25 15:45

Day06-Vue全家桶项目

Day01-Vue全家桶项目一全家桶项目介绍Vue在使用脚手架创建项目的时候，提供前端工程化项目目前主要学习了Vue基础：Vue指令、Vue组件开发、Vue样式、组件通信、生命周期全家桶项目是很多技术结合的一种开发模式
金霖海·2023-08-25 15:45

vue基础知识点

1.什么是Vue?Vue是一套构建用户界面的渐进式的JavaScript框架。特点:A.采用组件化模式,提高代码复用率,且让代码更好维护。B.声明式编码,采用虚拟DOM,无需直接操作真实DOM,提高开发效率。2.Vue模板语法A.插值语法:功能:用于解析标签体内容。写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。B.指令语法:功能:用于解析标签。单项绑定v-bind
关键因素XFactor·2023-08-25 13:08

wx原生微信小程序入门常用总结

点击事件三、微信小程序的数据缓存(以setStorage为例使用)0、setStorageSync和setStorage的区别1、setStorage的使用2、getStorage的使用前言希望你能在有vue
前端张三·2023-08-23 22:14

vue基础之vuex状态管理器记录

写这篇文章是因为有时候用不到vuex,就老是忘记怎么用（估计年纪大了），记录一下，方便查看！！项目src文件下面创建store文件夹，然后文件夹里面创建index文件定义：importVuefrom'vue'importVuexfrom'vuex'//挂载VuexVue.use(Vuex)//创建VueX对象conststore=newVuex.Store({//state定义属性state:{c
霖霏晗·2023-08-23 11:28

Vue基础语法1——模板语法知识点总结（新手必看！）

Vue作为现在最火的框架之一，它的入门相比来说还是比较简单的。这里我整理了Vue的基础语法和使用案例，希望对大家学习Vue有一定的帮助！一、模板语法1.差值-文本数据绑定最常见的形式就是Mustache语法（双大括号）的文本差值。{{}}标签将会被替换成对应数据对象上对应属性的值。只要绑定的数据对象上相对应的属性发生改变，插值处的内容就会更新{{msg}}--{{num}}--{{flag}}--
小丸子御驾亲征·2023-08-22 03:22

快速学会创建uni-app项目并了解pages.json文件

就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录前言创建uni-app项目通过HBuilderX创建pages.jsonpagesstyleglobalStyletabBar前言经过半个多月的学习，vue
小周不摆烂·2023-08-21 20:50

Vue基础-1.知识导航

知识导航（就问全不全）当学习Vue.js时，除了基本的HTML、CSS和JavaScript知识外，还有一些其他的技术和语法需要了解，例如ES6和TypeScript。以下是您可能需要学习的一些基础知识和对应的学习资源，我将它们整理成了表格以方便查阅：领域主要内容学习资源Vue.js基础Vue实例、组件、指令、模板语法等Vue.js官方文档单文件组件和VueCLI的使用VueCLI文档VueRou
Mr谦·2023-08-20 19:10

Vue基础-2.语法结构及分析

♛App.vue的结构App.vue是Vue.js应用程序的根组件，它是整个应用的入口点，包含应用的主要结构和布局。App.vue通常由三部分组成：template、script和style。以下是App.vue文件的结构组成和基本语法：//Vue组件的逻辑部分，包括数据、计算属性、方法等exportdefault{name:'App',//组件数据data(){return{//数据属性};},
Mr谦·2023-08-20 19:10

Vue基础指令

1.v-text：设置标签的内容好好学习，天天向上varapp=newVue({el:'#app',data:{message:"小朋友就要有小朋友的亚子"}})默认的写法会替换全部内容，使用差值表达式{{}}可以替换指定内容，内部支持写表达式2.v-html：设置标签的innerHTML内容中有html结构会被解析为标签v-text指令无论内容是什么，只会解析为文本解析文本使用v-text，需要
Komorebi゛·2023-08-20 09:32

Vue基础-3.Vue 组件模板语法

前言我只介绍了常用的，更全的可以去看官网基本语法当涉及到Vue组件模板语法时，有很多不同的概念和元素需要考虑。以下是一个更详细的Vue组件模板语法的表格介绍，包括了插值、指令、动态属性绑定、事件绑定、计算属性、条件渲染、循环渲染、属性绑定、样式绑定、模板引用、监听属性等内容。概念描述和用法插值使用{{expression}}进行数据绑定，将数据渲染到模板中。文本插值使用v-text指令代替双花括号
Mr谦·2023-08-19 06:17

【Vue基础知识再巩固】--混入，自定义指令，过滤器

1.混入Mixin混入类似于公共参数或者方法的初始化，使一些公共的变量或方法定义到组建中，与vuex功能类似却不相同。（混入中可以定义vue的各个变量入craeated,methods等，但是合并后，重复的以组件内为主）varmixin={data:function(){return{message:'hello',foo:'abc'}}}newVue({mixins:[mixin],data:f
GQ_cyan·2023-08-18 20:05

【Vue基础知识再巩固】--动态组件和异步组件

动态组件标签切换v-bind:is控制模板切换，但是模板切换前后重新加载，无法保持切换前状态，故引入keep-alive对组件实例进行缓存，以保持其状态：异步组件暂时用到的场景，大量组件引入时候会导致页面有一定延迟，因此引入异步组件，当组件使用实被引入注册newVue({components:{'my-component':()=>import('./my-async-component')}})
GQ_cyan·2023-08-18 20:35

vue2.0/vue3.0学习笔记——2022.08.16

vue2（查漏补缺）一、vue基础内置指令（查漏补缺）1、v-text更新元素的textContent2、v-html更新元素的innerHtml3、v-cloak防止闪现，与css配合:[v-cloak
bug天天写·2023-08-18 15:14

vue基础-解决Cannot find package ‘vite‘ imported from xxxx问题

文章目录前言一、错误信息：二、解决方法：总结前言最近介绍接手新的vue项目，想运行起来发现下面一个错误。一、错误信息：failedtoloadconfigfrom/Users/xxxx/backend/vite.config.tserrorwhenstartingdevserver:Error[ERR_MODULE_NOT_FOUND]:Cannotfindpackage'vite'importe
明似水·2023-08-18 02:39

vue基础-vue监听当前屏幕大小做不同的操作

文章目录前言一、代码如下：总结前言在vue项目开发过程中，有个需求，就是当屏幕大于1024时，我们默认为PC模式。小于1024时，我们默认为H5模式。但是有的界面我们想在PC和H5上面展示不同的数据，请求不同的接口，而且要动态改变，就是屏幕缩小的时候做出改变。下面介绍监听当前屏幕的宽度，动态请求数据更改数据。一、代码如下：constcontentData=ref('')//使用响应式constst
明似水·2023-08-18 02:08

3-4【微信小程序全栈开发课程】组件(Component)--封装登录弹窗组件

用来封装可重用的代码或者封装一个单独的模块，比如我们上一节的登录弹窗，下面我们来演示一下如何将代码提取到组件1、创建组件在src/components文件夹下面创建一个LoginWindow.vue文件写入vue
l猫宁一·2023-08-17 13:59

Vue基础

Vue基础Vue应用{{message}}varapp=newVue({el:'#app',data:{message:'Vue!'}})
Rkun18·2023-08-17 12:18

vue基础知识五：请描述下你对vue生命周期的理解？在created和mounted这两个生命周期中请求数据有什么区别呢？

一、生命周期是什么生命周期（LifeCycle）的概念应用很广泛，特别是在政治、经济、环境、技术、社会等诸多领域经常出现，其基本涵义可以通俗地理解为“从摇篮到坟墓”（Cradle-to-Grave）的整个过程在Vue中实例从创建到销毁的过程就是生命周期，即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程我们可以把组件比喻成工厂里面的一条流水线，每个工人（生命周期）站在
小爱同学-Allen·2023-08-17 10:35

vue基础知识四：Vue实例挂载的过程

一、思考我们都听过知其然知其所以然这句话那么不知道大家是否思考过newVue()这个过程中究竟做了些什么？过程中是如何完成数据的绑定，又是如何将数据渲染到视图的等等一、分析首先找到vue的构造函数源码位置：src\core\instance\index.jsfunctionVue(options){if(process.env.NODE_ENV!=='production'&&!(thisinst
小爱同学-Allen·2023-08-17 10:04

Vue基础系列(三) 生命周期

Vue构建大型单页面电商应用开源啦!点我看源码阅读时间预估:5分钟image什么是生命周期?生命周期是指一个事物从生到死的过程,软件也一样,每个语言都有其生命周期,从出生到死亡,每个阶段做每个阶段应该做的事情,简单说：一个组件从开始到最后消亡所经历的各种状态，就是一个组件的生命周期。例如面前这位大侠,既然是小白那么就要苦练基本功,千里之行始于足下,万层高楼,平地起,相信在持续的努力中会有所进步,废
极客James·2023-08-17 02:31

Vue基础

Vue简介Vue是什么是一套用于构建用户界面的渐进式JavaScript框架简单应用：只需一个轻量小巧的核心库复杂应用：可以引入各式各样的Vue插件渐进式：Vue可以自底向上逐层的应用（从简单应用到复杂应用就是渐进式）Vue特点：1、采用组件化模式，提高代码复用率、且让代码更好维护2、声明式编码，让编码人员无需直接操作DOM，提高开发效率3、使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点初
MoYuP_ENG·2023-08-16 18:13

第四章：前端框架Vue基础入门

文章目录一、Vue框架概述1.1声明响应式的数据二、Vue内置指令2.1、条件渲染指令v-if/v-show2.2v-for:列表渲染2.3、v-text/v-html模板指令2.4v-on:事件监听器2.6动态绑定v-bind2.7v-model表单元素值绑定三、计算属性与监视3.1计算属性computed3.2watch侦听器3.3watch、watchEffect、computed区别四、高
Sophie_U·2023-08-16 09:23

VUE基础知识及概念（附表格代码）

VUE.js是由华人尤雨溪单独创作。vue是一套构建用户界面的渐进式框架。npminstalljquery利用GIt下载vue插件vueAngularReact三大框架将hellovue在页面中展现出来{{mag}}newVue({el:'.itany',data:{msg:'hellovue',}})vue中v-for的使用：{{val}}循环数组{{val}}循环对象{{index}}--{{
卐_c2a9·2023-08-15 21:56

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-08-14 23:05

vue基础知识(1)-组件通信

1.父向子组件通信——props//父组件中prop用中划线连接exportdefault{props:{//子组件中用驼峰接收propcaseMessage:{//type不加引号type:String,//如果是引用类型（数组、对象）要写成function形式default:""}}}传递props时，除了需要传入字符串以为，其余都需要加:冒号//数字2//布尔值true//数组//对象//变
sunflower31·2023-08-13 16:32
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他