Vue基础

vue基础3--vue组件通信

vue组件通信1.vue组件1.1vue组件_概念1.2vue组件_基础使用全局-注册使用局部-注册使用1.3vue组件-scoped作用2.vue组件通信2.0vue组件通信_父向子-props2.1vue组件通信_父向子-配合循环单向数据流2.2_vue组件通信_单向数据流2.3_vue组件通信_子向父2.4vue组件通信-EventBus1.vue组件1.1vue组件_概念组件化：封装的思想
咖啡壶子·2023-10-12 05:22

VUE基础学习笔记——05路由

一、路由的基本概念与原理1、后端路由后端路由根据不同的URL地址分发不同的资源概念：根据不同的用户URL请求，返回不同的内容本质：URL请求地址与服务器资源之间的对应关系2、SPA（SinglePageApplication）后端渲染（存在性能问题）Ajax前端渲染（提高性能，但是不支持浏览器的前进后退操作）SPA单页面应用程序：网站只有一个页面，内容的变化通过Ajax局部更新实现、同时支持浏览器
ZJia_X·2023-10-12 05:20

vue的基础指令及修饰符

vue基础-插值表达式目的:在dom标签中,直接插入内容又叫:声明式渲染/文本插值语法:{{表达式}}{{msg}}{{obj.name}}{{obj.age>18?'
前端扫地僧·2023-10-11 20:20

Java程序员要掌握vue2知识

1.Vue基础1)环境准备安装脚手架npminstall-g@vue/cli-g参数表示全局安装，这样在任意目录都可以使用vue脚本创建项目创建项目vueui使用图形向导来创建vue项目，如下图，输入项目名选择手动配置项目添加
清梦压星河_Ciao·2023-10-11 11:30

Vue----入门到入土(包含案例)

文章目录Vue基础入门Vue简介vue的基本使用Vue的调试工具Vue指令1指令的概念2指令的分类3内容渲染指令4属性绑定指令5模板渲染语法中使用JavaScript表达式6事件绑定指令7双向绑定指令8
萤火虫的小尾巴·2023-10-11 06:40

Vue学习----从基础出发(包含案例)

文章目录Vue基础入门Vue简介vue的基本使用Vue的调试工具Vue指令1指令的概念2指令的分类3内容渲染指令4属性绑定指令5模板渲染语法中使用JavaScript表达式6事件绑定指令7双向绑定指令8
萤火虫的小尾巴·2023-10-11 06:40

在webpack构建的项目中使用Vue

一、普通网页中使用Vue（Vue基础学习）使用标签引入vue的包页面中创建一个容器（id为app的div）通过newVue创建Vue的vm实例二、webpack工程中使用Vue——组件npmivue-S
小丘啦啦啦·2023-10-11 01:55

Vue基础入门（一）

Vue入门之前一直在做java后台，最近的项目开发都是前后分离的。所以最近自己也在学习vue这个前端的框架。因为是前端的知识不是很精通，所以就通过bolg的形式记录下来。本地的node环境已经安装好了。所以就直接开始项目的搭建。项目搭建我是使用VScode。通过VScode在电脑的F盘新建一个香项目目录vuedemo，并进入该项目。1533190646459.png进入vuedemo目录后，我们执
同学汇俱乐部·2023-10-10 23:12

Vue学习宝典

Vue基础一.模板语法(1)插值a.文本{{}}声明一条数据，然后用特殊的模板语法将其渲染出来（声明式渲染）b.纯HTMLv-html慎用，防止XSS,CSRF（(1)前端过滤（前端采用正则将容易注入的字符换成
勾勾g·2023-10-10 22:02

VUE-VUE基础

VUE核心技术1.1.Vue简介1.1.1.官网1.1.2.介绍与描述1.1.3.Vue的特点1.1.4.与其它JS框架的关联1.1.5.Vue周边库1.2模板语法1.2.1.模板的理解1.2.2.插值语法1.2.3.指令语法1.3.数据绑定1.3.1.单向数据绑定1.3.2.双向数据绑定1.5.MVVM模型1.5.事件处理1.5.1.绑定监听1.5.2.事件修饰符1.5.3.按键修饰符1.6.计
赵珍威·2023-10-10 21:29

uniapp快速入门系列（2）- Vue基础知识

章节二：Vue基础知识Vue的介绍和特性Vue的简单易用Vue的灵活高效Vue的常用指令和组件v-bind指令v-on指令Vue组件的通信方式父子组件通信兄弟组件通信总结Vue的介绍和特性Vue是一款轻量级的
疯狂小赤兔·2023-10-10 17:08

vue基础--模板语法、常用指令：v-if、v-show、v-for、虚拟DOM、v-once、v-cloak、v-text、v-html、v-bind、v-on、自定义指令

一、模板语法Vue.js使用了基于HTML的模板语法，允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue.js的模板都是合法的HTML，所以能被遵循规范的浏览器和HTML解析器解析。在底层的实现上，Vue将模板编译成虚拟DOM渲染函数。结合响应系统，Vue能够智能地计算出最少需要重新渲染多少组件，并把DOM操作次数减到最少。1.1文本在App.vue里引入TemplateSyntax
小白小白从不日白·2023-10-08 23:47

Vue基础语法1（v-once，v-text，v-html，v-pre，v-cloak）

文章目录Vue基础语法1（v-once，v-text，v-html，v-pre，v-cloak）一、v-once二、v-text三、v-html四、v-pre五、v-cloak总结Vue基础语法1（v-once
楠溪泽岸·2023-10-08 23:16

Vue基础2Mustache语法常用的表达式写法、常用命令 v-for v-once v-html v-text v-pre v-bloak

目录Mustache语法常用的表达式写法vue常用指令1.v-for指令v-once指令v-html指令v-text指令v-pre指令v-cloak指令Mustache语法常用的表达式写法Mustache英译是“胡须”，这里指{{}}，称为大括号语法，在vue中，{{}}可以进行运算：字符串连接、加减乘除。{{msg}}-{{le}}{{msg+'-'+le}}{{count*7}}constap
yorup·2023-10-08 23:45

day29-Vue.js

day29-Vue.js1.Vue基础Vue是用js封装的一个库，为网页内容提供数据的（不需要节点操作）1.Vue对象var变量名=newVue({el:选择器data:数据对象methods:方法对象
毋望·2023-10-08 20:39

前端框架Vue2.0+Vue3.0学习笔记01

一、Vue技术_课程简介1、前端框架小白2、熟练掌握Vue23、轻松玩转Vue3①、vue基础②、vue-cli③、vue-router④、vuex⑤、element-ui⑥、vue3二、Vue技术_Vue
突然好想你之路在脚下·2023-10-08 16:23

VUE基础面试题（三）vue最后补充+部分JavaScript面试题

VUE基础面试题（三）vue最后补充+部分JavaScript面试题VUE部分Vue的优点什么是单页应用？说说对SPA单页面的理解，它的优缺点分别是什么？
万物之恋·2023-10-08 14:02

Vue基础六

Vue.js-Day4父组件向子组件传值组件实例定义方式，注意：一定要使用props属性来定义父组件传递过来的数据//创建Vue实例，得到ViewModelvarvm=newVue({el:'#app',data:{msg:'这是父组件中的消息'},components:{son:{template:'这是子组件---{{finfo}}',props:['finfo']}}});使用v-bind或
折枝赠远方·2023-10-08 13:51

Java基础知识总结（2023版）

Java代码实例二、MySQL数据库三、SpringBoot框架（35天）四、Redis中间件五、MongoDB数据库六、Netty网络编程七、23种设计模式八、微服务九、JavaScript零基础入门十、Vue
哪 吒·2023-10-08 09:19

Vue学习记录 Vue简介

VueLearning20222022.07.14DAY11.总览Vue2+Vue3前端框架小白\熟练掌握Vue2\轻松玩转Vue3计划vue基础vue-clivue-routervuexelement-uivue31
云风星月皆待卿·2023-10-08 03:54

【Vue基础-数字大屏】地图

一、阿里云数据可视化平台地图数据https://datav.aliyun.com/portal/school/atlas/area_selector二、操作步骤1、打开阿里云数据可视化平台，复制中国地图数据链接2、在浏览器中打开中国地图数据链接，复制json数据3、在assets静态目录下创建mapData.js文件,创建变量如下，并将复制的json粘贴在等号后面4、在vue文件中引用mapDat
林月明·2023-10-07 17:47

【Vue基础-数字大屏】自定义主题

一、apache主题模板链接https://echarts.apache.org/zh/download-theme.html二、操作步骤1、在apache主题模板中定制所需要的主题，如下图点击下载，复制其json2、回到项目代码，在assets目录下新建index.js文件，新建变量，如下exportletroma=并将复制的json内容粘贴在等号后面3、引用主题文件4、效果展示三、学习教程ht
林月明·2023-10-07 17:12

vue基础-day03

一、生命周期a、什么是生命周期从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！b、vue生命周期钩子函数每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=
小小穆子·2023-10-06 14:31

Vue之环境安装

Node.js2.全局安装@vue/cli3.创建Vue项目总结前言随着前端技术的不断发展，掌握各种框架也越来越重要，很多人都开启了学习Vue，本文就介绍了Vue的环境安装和项目创建，大家也可访问我之前的博客查看Vue
✎printf("YT");·2023-10-05 05:57

vue基础-文档分析

大家好！今天跟大家分享说明下vue相关的知识，希望能给大家一些帮助同时也是自己回忆下知识好了废话不多说了那就开始咱们今天的主题吧！第一点就是文档分析了，不管学习哪一门知识都要先了解它的所属的文档内容，了解他才是学习一门语言的开始！一.文档分析1.vue是什么？（1）jQuery库是工具，提供API，需要调用API（2）框架使用框架所规定的某种规范进行开发区别：方法的调用2.vue能做什么（想必大家
工匠四点零·2023-10-04 05:43

Vue基础 - 组件基本使用

组件的概念组件相当于积木玩具，许许多多不同的积木就可以拼装成汽车，城堡，动物等等各种各样的玩具模型，因此不同的组件相互组合起来就可以产生一个组合模板。在网页开发中非常实用。注册基本组件组件也分为全局组件和局部组件。全局组件Vue.component('mycomponent',{template:'这是一个自定义组件'});在Vue中通过component()来定义组件，第一个参数为组件名称，第二
wangfanghua·2023-10-03 14:11

vue基础扩展7--provide和reject

vue基础扩展7--provide和reject//1、基本使用范例varProvider={data(){return{x:'test'}},//父组件可以直接使用对象，对象包含需要提供的key：“value
野生技术协会·2023-09-29 10:33

AJAX-2023.5.2

DOM、BOM)5、js高级(面试题比较多)6、git7、项目实战8、ajax(和服务端进行通信)9、node学习(为vue的学习做准备10、echarts(做大屏开发比较多)11、大屏的项目实战12、VUE
weixin_65590235·2023-09-28 04:38

【前端VUE基础（三）】ES6模块化语法

一、ES6与CommonJS的对比ES6与CommonJS都是JavaScript的模块化规范，它们的主要区别在于以下几个方面：1、语法：ES6使用import/export语法来定义和导出模块，而CommonJS使用require/module.exports语法。2、加载方式：ES6模块在编译时进行静态分析，可以在编译时确定依赖关系，而CommonJS模块是在运行时加载，需要动态解析依赖关系。
幸福巡礼·2023-09-27 09:31

vue基础知识十五：说说你对slot的理解？slot使用场景有哪些？

一、slot是什么在HTML中slot元素，作为WebComponents技术套件的一部分，是Web组件内的一个占位符该占位符可以在后期使用自己的标记语言填充举个栗子Slottemplate12template不会展示到页面中，需要用先获取它的引用，然后添加到DOM中，customElements.define('element-details',classextendsHTMLElement{c
小爱同学-Allen·2023-09-27 03:31

Vue基础（二）

2018年12月16日21:24:3910.Mixins别问我为啥没中文有道没翻译出来组件中很容易遇到需要使用相同的函数与属性，为了重用使用Mixins将重复的内容封装varbase={data:function(){return{visible:false,}},methods:{show:function(){this.visible=true;},hide:function(){this.v
鱼翅大魔王·2023-09-26 11:21

Vue基础 第五讲笔记：v-show、v-if、v-bind

一、v-show根据真假切换元素的显示状态。注意：1、原理是修改元素display，实现显示隐藏。2、指令后面的内容，最终都会解释为布尔值。3、值为true元素显示，值为false元素隐藏。实例：=18"src="img/zhongqiu.jpg"alt="">varapp=newVue({el:"#app",data:{isShow:</
TraceurZzl·2023-09-25 15:05

Vue 基础回顾

Vue基础结构h函数：创建虚拟domrender：把h函数创建的虚拟dom返回$mount：把虚拟dom转为真实dom渲染到浏览器Vue生命周期image.pngVue语法与概念上差值表达式指令（Vue
KK_boy·2023-09-25 08:28

vue基础篇笔记(一)

1、Vue是什么？官方上：e(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。vue:基本mvvm(model-view-viewmodel)的设
团酱·2023-09-24 18:21

Vue基础

vue安装好细的Vue安装与配置_vue配置_LCLANNADT的博客-CSDN博客脚手架src/main.js是应用的入口文件可以在这里导入和配置Vue相关的插件、库、以及全局组件、指令src/App.vue这是应用的主组件，也是根组件，可以在这里定义应用的整体样式、布局以及全局的数据和方法src/components用于存放应用的组件文件，可以在这里创建各种子组件，按需引入到主组件或其他组件中
cycs·2023-09-24 08:48

【VUE基础】Vuex

1.什么是VuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。其实最简单理解为，在我们写Vue组件中，一个页面多个组件之间想要通信数据，那你可以使用VuexVuex是一个专为Vue.js应用程序开发的状态管理模式Vuex状态管理===管理组件数据流动===全局数据管理Vue的全局数据池，在这里
攻城狮·建哥·2023-09-24 01:32

Vue基础知识点（面试可用）：v-if和v-show的区别

①简述v-if和v-show的区别？v-if在编译过程中会被转化成三元表达式，条件不满足时不渲染此节点。元素销毁和重建控制显示隐藏。v-show会被编译成指令，条件不满足时控制样式将此节点隐藏（display:none）css样式控制。使用场景v-if适用于在运行时很少改变条件，不需要频繁切换条件的场景。v-show适用于需要非常频繁切换条件的场景。扩展补充：display:none、visibi
不写八个·2023-09-23 17:28

Vue 基础入门

一.Vue基础(一)Vue简介Vue是一套用于动态构建用户界面的渐进式JavaScript框架。特点：采用组件化模式，提高代码复用率，且让代码更好维护。
码字小萌新♡·2023-09-23 17:16

Vue基础语法（插值、指令、过滤器、计算属性与监听属性）

1.插值1.1.1文本{{msg}}1.1.2html使用v-html指令用于输出html代码1.1.3属性HTML属性中的值应使用v-bind指令1.1.4表达式Vue提供了完全的JavaScript表达式支持{{str.substr(0,6).toUpperCase()}}{{number+1}}{{ok?‘YES’:‘NO’}}我的Id是js动态生成的插值的html代码如下：Vue的插值案例
心动的代码~·2023-09-21 14:14

Vue基础语法（插值、指令、过滤器、计算属性与监听属性）

目录插值指令过滤器计算属性和监听属性Vue购物车结算案列插值1.文本2.html3.属性4.class、style绑定5.表达式双大括号插值（Mustache语法）：双大括号插值是Vue中最常用的插值语法，使用双大括号{{}}将表达式包裹起来，表达式将会被求值后显示在HTML中。{{msg}}案列源码插值.f30{font-size:30px;}文本{{msg}}thml解析{{msg2}}表达式
小徐o·2023-09-21 07:00

Vue基础知识Vue.extend详解

Vue.extend属于Vue的全局API，但是在实际业务开发中我们很少使用，因为使用extend写法比常用的Vue。components写法要繁琐一些。但是在一些独立组件开发场景中，Vue.extend+$mount这对组合是我们需要去关注的。学习开始之前我们先看一眼官方文档是怎么介绍的Vue.extend(options)我这里直接截图过来了在vue项目中，我们有了初始化的根实例之后，页面之间
小铃铛的打怪之路·2023-09-21 05:11

一遍关于vue基础语法上篇

目录一.插值1.1.文本1.2.html1.2.3.属性1.1.4.表达式演示效果：二.指令2.1.v-if/v-else-if/v-else2.2.v-show2.3.v-for2.4.v-bindv-onv-model2.5.动态参数演示效果：三.过滤器3.1.局部过滤器基本应用3.2.局部过滤器串行使用3.3.局部过滤器传参3.4.全局过滤器演示效果：四.计算属性&监听属性4.1.计算属性4
✘君临沂·2023-09-20 22:29

一遍关于vue基础语法下篇

目录一.事件处理器演示效果：二.表单演示效果：三.组件通信父转子演示效果：四.组件通信子转父演示效果：好啦，今天的分享就到这了，希望能够帮到你呢！一.事件处理器事件修饰符Vue通过由点(.)表示的指令后缀来调用修饰符，.stop.prevent.capture.self.once按键修饰符Vue允许为v-on在监听键盘事件时添加按键修饰符：全部的按键别名：.enter.tab.delete(捕获"
✘君临沂·2023-09-20 22:26

Vue 小结

此次讲解围绕以下几个方面展开：MV*框架模式Vue.js的概述VueMVVM的实现Vue与React的对比有Vue基础如何快速上手WeexMV*框架模式历史最早期的Web开发是洪荒时代，开发者可能写着类似以下的代码
FantasticLBP·2023-09-20 21:49

Vue基础语法的进阶，事件处理器，自定义组件及组件通信

目录一、事件处理器1.概述2.实例二、语法整合1.作用2.实例三、自定义组件1.概述2.实例四、组件通信(1)讲述(2)父传子(3)子传父学习后的收获一、事件处理器1.概述在Vue中，事件处理器是用来处理DOM事件的方法。它可以在Vue组件中定义和使用，用于响应用户的交互操作。事件处理器的作用是监听DOM事件，并在事件触发时执行相应的逻辑代码。通过事件处理器，可以实现用户与页面的交互，例如点击按钮
云小君·2023-09-20 21:48

Vue基础语法【下】

目录一、事件处理器1.事件修饰符.stop.prevent.capture.self.once2.按键修饰符.enter.tab.delete.esc.space.up.down.left.right.ctrl、.alt、.shift、.meta二、表单赋值与取值三、自定义组件1.组件介绍2.局部组件3.全局组件4.组件通信组件传参【父传子】组件传参【子传父】一、事件处理器1.事件修饰符Vue通过
孤留光乩·2023-09-20 15:27

Vue基础语法

Vue模板语法有2大类：1.插值语法：功能：用于解析标签体内容。写法：{{XXX}}，XXX是Js表达式，且可以直接读取到date中的所有属性。2.指令语法：功能：用于解析标签（包括：标签属性、标签内容、绑定事件…）。举例：v-bind:href=“XXX”或简写为：href=“XXX”,XXX同样要写js表达式，且可以直接读取到date中的所有属性。备注：Vue中有很多的指令，且形式都是：v-?
萤火！·2023-09-20 11:46

vue基础语法（vue2)

文章目录vue基础语法vue基础语法定义在类中的是方法方法：name:function(){}name(){}{{}}:用在内容中，而不为属性调用function一般要加（）v-once:修改一次，第一次改完
嗷嗷待哺的簸箕板·2023-09-20 11:46

Vue基础语法【上】

目录前言一、插值1.文本插值2.html解析3.属性4.表达式5.截取6.三元运算符二、指令1.v-if2.v-for3.v-bind4.v-on5.v-if|v-else|v-else-if6.自定义指令三、过滤器1.局部过滤2.全局过滤四、计算属性与监听属性1.计算属性2.监听属性五、购物车案例前言Vue.js是一种用于构建用户界面的渐进式JavaScript框架。它的核心思想是将数据和视图进
孤留光乩·2023-09-20 11:45

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

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