vue基础：To 第5页

VUE基础知识一：生命周期函数和常用指令

生命周期函数概念：在生命周期中的某一时刻自动执行的函数beforeCreated：在实例生成之前会自动执行的函数created：在实例生成之后会自动执行beforeMount：在组件内容被渲染到页面之前自动执行的函数mounted：在组件内容被渲染到页面之后自动执行的函数beforeUpdate：当data内的数据发生变化时会立即自动执行的函数updated：当data内的数据发生变化，且已经在页

程序猿洞晓·2023-10-17 21:12

vue基础知识和原理（二）

vue基础知识和原理（二）1.8计算属性1.9键盘事件1.10监视属性1.11绑定样式class样式style样式1.12条件渲染v-ifv-show1.13列表渲染v-for指令1.14vue监测data

糖^O^·2023-10-17 21:42

vue基础知识十七：你知道vue中key的原理吗？说说你对它的理解

一、Key是什么开始之前，我们先还原两个实际工作场景1.当我们在使用v-for时，需要给单元加上key...2.用+newDate()生成的时间戳作为key，手动强制触发重新渲染那么这背后的逻辑是什么，key的作用又是什么？一句话来讲key是给每一个vnode的唯一id，也是diff的一种优化策略，可以根据key，更准确，更快的找到对应的vnode节点场景背后的逻辑当我们在使用v-for时，需要给

小爱同学-Allen·2023-10-17 21:08

HTML,Css,JavaScript,JQuery,Vue基础面试题(持续更新)

1.表单中GET和POST两种提交方式的不同?Get:速度快,安全性低通过浏览器地址栏传值,不支持中文最多支持2000个字符,浏览器地址栏格式为key=value&keyN=valueN,只能传字符串post:速度慢,安全性高,不通过浏览器地址栏传值,通过消息体传值,不支持中文,不限制大小,支持Json和字符串2.表单元素input="text"单行文本输入框input="password"单行密

刘某的马甲线·2023-10-17 20:15

HTML基础和VUE基础

文章目录一、简介二、基本使用VUE一、简介网页最主要由3部分组成：结构、表现和行为。目前模式是HTML、CSS和JavaScript。HTML：HyperTextMarkupLanguage（超文本标记语言），简单来说，网页就是用HTML语言制作的。CSS：全称“（层叠样式表）”。以后我们在别的地方看到“层叠样式表”、“CSS样式”，指的就是CSS。JavaScript：是一门脚本语言。二、基本使

FlyingROC向南一·2023-10-17 20:14

【VUE基础】Axios的封装

1.Axios简介1.1什么是AxiosAxios是一个基于promise的HTTP库，可以用在浏览器和node.js中。1.2特性浏览器端发起XMLHttpRequests请求node端发起http请求支持PromiseAPI监听请求和返回转化请求和返回取消请求自动转化json数据客户端支持抵御2.Axios的使用和配置2.1安装npminstallaxios--save或者使用cdn2.2基本

攻城狮·建哥·2023-10-17 03:05

一个Java后端的Vue自学笔记_一个Java后端的Vue自学笔记

这篇博客主要记录了我学习Vue基础知识，完成一个TodoList小功能的开发过程。首先进入Vue的官网下载Vue.js

李姝瑶·2023-10-16 11:42

【Vue基础-数字大屏】图表自适应大小

一、需求描述缩放页面，页面中的图标自适应缩放二、关键代码1、图表横向全屏#myecharts{width:100%;height:600px;border:2pxsolidrgb(0,255,255);}2、监听，使图表自适应缩放myChart.setOption(option);//监听页面大小改变window.addEventListener("resize",()=>{console.log

林月明·2023-10-16 10:46

【Vue基础-数字大屏】加载动漫效果

一、需求描述当网页正在加载而处于空白页面状态时，可以在该页面上显示加载动画提示。二、步骤代码1、全局下载npminstall-gjson-servernpminstall-gjson-server2、在src目录下新建文件夹mock，新建文件data.json存放模拟数据{"one":[{"value":67,"name":"美食","itemStyle":{"normal":{"color":"

林月明·2023-10-16 10:46

【Vue基础-数字大屏】地图标记涟漪效果设置

一、需求说明将地图中北京市、陕西市、南宁市分别以实心圆、涟漪圆、涟漪圆标记出来二、代码实践涉及三个文件1、App.vue:importScreen1from"./components/Screen1.vue";exportdefault{components:{Screen1}}2、roma.jsexportletcmap={//粘贴地图数据，此处省略}3、Screen1.vue中国地图impor

林月明·2023-10-16 10:45

JavaScript-Vue基础语法-创建-组件-路由

文章目录1.创建vue项目1.1.自定义创建项目1.2.项目结构解析1.3.主要文件1.4.其它2.项目运行3.Vue组件概念3.1.组件基础概念3.2.单文件组件三要素3.3.组件注册3.4.组件通信4.Vue路由概念4.1.简单使用4.2.路由参数4.3.嵌套路由4.4.路由导航4.5.代码导航4.6.路由守卫5.总结HTML中的attribute名是大小写不敏感的，所以浏览器会把所有大写字符

插件开发·2023-10-15 06:56

Vue全家桶（Vue-cli、Vue-route、vuex）

摘要学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件）1、Vue-cliVue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多

weixin_30377461·2023-10-15 02:27

Vue基础系列(二) v-指令

Vue构建大型单页面电商应用开源啦!点我看源码阅读时间预估:5分钟啥是指令?指令通俗的来说就是一个方法名的缩写,通过特定的指令,完成特定的事情,vue中指令前缀为v-指令的作用表达式的值改变时,将其产生连带的影响,响应地作用于DOM常用的指令有哪些?v-text解释：更新DOM对象的textContentv-html解释：更新DOM对象的innerHTMLv-bind作用：当表达式的值改变时，将其

极客James·2023-10-15 01:02

Vue基础备忘

常用v-if,v-show,v-for,v-bind,v-on,v-text,v-html,v-cloak,v-once练习用网站v-once只渲染一次，以后重新渲染直接作为静态内容v-model双向绑定数据v-model与单选框单选v-model与复选框复选框v-model的修饰符lazy:v-model默认在input输入时同步数据，lazy变为change事件触发时同步，即失去焦点、回车同步

春饼sama·2023-10-14 04:50

vue基础

引入vue文件{{message}}newVue({el:'#app',data:{message:'HelloVue'}})单项和双向绑定指令单向绑定单向绑定newVue({el:'#app',data:{msg:'color:red;'}}){{keyword}}newVue({el:'#app',data:{keyword:'jordan'}})绑定事件v-on:事件名称=“调用方法”简写@

A尘埃·2023-10-14 01:08

Vue基础知识梳理

文章目录1,梳理思维导图2.Vue基础知识梳理3Vue指令3.1常用指令3.1.2绑定指令3.1.3分支指令3.1.4分支指令3.1.5循环指令3.2修饰符3.2.1事件修饰符3.2.2按键修饰符3.2.3

yaya安若·2023-10-12 23:37

Vue基础知识梳理（二）

vue基础知识梳理（二）1.vue中v-bind:class动态添加class总结：动态添加class，需要给：class=“对象”，对象中value为true，则key作为class名添加；value

GG·bond·2023-10-12 23:26

前端-uniapp-开发指南

http接口P3主界面配置P4首页组件拆分P13外卖列表布局筛选组件商家布局测试数据创建样式请求商家外卖数据封装请求并发请求uni-app框架调用https接口开发小程序提高vue技术前端技术课程需要具备vue

amingMM·2023-10-12 17:07

Vue基础----组件通信

vue组件以及父子组件之间的通信1.如何使用组件1.1全局组件主要是提高代码重用性，让代码可以重复利用。组件在使用之前需要注册组件，注册组件的方法有俩种。一种是全局注册，一种是局部注册。Vue.component('my-component',{template：'注册组件'})其中my-component是自定义组件名，可以任意命名，推荐小写减号分割的形式。后面的大括号里内容是组件选项，在组件选

LHL_C·2023-10-12 05:33

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基础-文档分析

工匠四点零·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基础：To