Vue基础

vue基础-day05-vue路由使用以及组件扩展

一、Vue组件的定义组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一。组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用二、全局定义组件和局部定义组件：在组件中，data需
小小穆子·2023-10-24 07:55

Vue基础学习笔记Day06_动态组件_插槽_自定义指令

今日目标:能够了解组件进阶知识能够掌握自定义指令创建和使用学习内容：学习目录:组件进阶自定义指令今日总结面试题知识点自测组件创建,注册和使用-伸手就来特别熟练指令的作用1.组件进阶1.0组件进阶-动态组件目标:多个组件使用同一个挂载点，并动态切换，这就是动态组件需求:完成一个注册功能页面,2个按钮切换,一个填写注册信息,一个填写用户简介信息准备被切换的-UserName.vue/UserInfo.
子木睡觉了·2023-10-24 07:20

Vue基础与常用指令，Element基础

1.vue快速入门vue概述Vue是一套构建用户界面的渐进式前端框架只关注视图层，并且非常容易学习，还可以很方便的与其它库或已有项目整合通过尽可能简单的API来实现响应数据的绑定和组合的视图组件特点易用：在有HTMLCSSJavaScript的基础上，快速上手。灵活：简单小巧的核心，渐进式技术栈，足以应付任何规模的应用。性能：20kbmin+gzip运行大小、超快虚拟DOM、最省心的优化快速入门1
搁浅 L·2023-10-24 01:54

2020-2021暑期项目实训第一周——vue基础学习

Vue简介Vue简介JavaScript框架简化Dom操作响应式数据驱动第一个Vue程序导入开发版本的Vue.js创建Vue实例对象,设置el属性和data属性使用简洁的模板语法把数据渲染到页面上el：挂载点{{message}}varapp=newVue({el:"#app",data:{message:"vue"}})Vue实例的作用范围是什么呢？Vue会管理el选项命中的元素及其内部的后代元
墨瑒·2023-10-23 08:43

vue零基础——vue2基础知识

Vue技术栈文章目录Vue技术栈1.vue基础知识和原理1.1初识Vue1.1.1.官网1.1.2.介绍与描述1.1.3.Vue的特点1.1.4.与其它JS框架的关联1.1.5.Vue周边库1.2vue
从百草园学到三味书屋·2023-10-23 08:42

vue学习的第四天——vue基础

前文：通过前三天的学习，今天我们开始正式的vue编写，通过学习一下几点：.el:载挂点data数据对象本地应用一.el载挂点想了解什么是el载挂点先得看清整个程序的结构，首先必须是得有html构成，要是要加上vue就还得加上js。由下图的el为app对应html中divid中的app，说明在这个var定义的app中下的数据data和方法methods只适用于该id为app的div中。二.data数
仓鼠科技城·2023-10-23 08:42

蓝旭自学自讲——Vue基础

Vue从入门到放弃目录==一、什么是Vue====二、安装Vue（脚手架）====2.1安装方式====2.2脚手架====三、路由====3.1什么是路由====3.2如何使用路由====四、语法====4.1引入vue====4.2MVVM====4.3指令====4.4事件====4.5样式绑定====4.5循环====4.6表单==一、什么是VueVue是一款前端渐进式框架，可以提高前端开
mengweiwei_·2023-10-23 08:42

Vue学习笔记（篇二）——Vue基础语法

Vue基础语法1、Mustache语法形如"{{message}}"的语法格式，称之为Mustache语法注：mustache（胡子/胡须）2、v-once该指令后面不需要跟任何表达式(比如之前的v-for
Etui۹(･༥･´)و ̑̑·2023-10-23 08:12

Vue基础——Vue的基本使用

文章目录一、基本使用步骤测试样例测试样例代码中MVVM对应关系图二、Vue指令2.1内容渲染指令2.2属性绑定指令2.3事件绑定指令2.3.1事件对象event2.3.2事件修饰符2.3.3按键事件修饰符2.4双向绑定指令修饰符2.5条件渲染指令2.5.1v-if/v-show2.5.2v-else/v-else-if2.6列表渲染指令v-for2.7过滤器一、基本使用步骤导入Vue.js的scr
NGUP_LEE·2023-10-23 08:41

一幅长文细学Vue（二）——Vue基础入门

2Vue基础入门摘要在本文中，我们会快速地入门Vue。主要了解的是Vue各种指令语法。声明：为了文章的清爽性，在文章内部的代码演示中只会附上部分演示代码。
ArimaMisaki·2023-10-23 08:41

VUE学习：vue基础06————VUE语法对内容处理：event事件对象

提示：本文为VUE栏目：VUE学习：vue基础06————VUE语法对内容处理：event事件对象VUE学习：VUE学习：vue基础06————VUE语法对内容处理：event事件对象前言事件对象event
北凉冬·2023-10-23 08:11

Vue基础——Vue模板语法

学习目标：1、能够说出Vue基本用法；2、能够说出Vue的模板语法；3、能够说出Vue的常用特性；4、能够基于Vue实现案例效果。目录：1、Vue概述2、Vue基本使用3、Vue模板语法4、基础案例5、Vue常用特性6、综合案例1、Vue概述国产框架，作者尤雨溪。渐进式JavaScript框架。渐进式：声明式渲染——>组件系统——>客户端路由——>集中式状态管理——>项目构建优点：1、易用：熟悉H
Micheal_yang0319·2023-10-23 08:11

【Vue基础知识总结 8】插槽slot与vue导入导出

左边中间右边浏览器显示四、作用域父组件模板的所有东西都会在父级作用域内编译；子组件模板的所有东西都会在子级作用域内编译。Title我是子组件我是内容,哈哈哈按钮浏览器显示五、作用域插槽父组件替换插槽的标签，但是内容由子组件来提供。1、代码实例Title{{slot.data.join(’-')}}{{slot.data.join(’*')}}{{item}}2、浏览器显示
程序猿90后·2023-10-21 22:14

Vue基础语法2&事件修饰符&按键修饰符&常用控件&自定义指令&全局&样式绑定

目录1.样式绑定2.事件修饰符3.按键修饰符4.常用控件4.1常用控件示例4.2修饰符5.自定义指令5.1局部5.2全局1.样式绑定class绑定使用方式：v-bind:，expression的类型：字符串、数组、对象style绑定v-bind:style="expression"，expression的类型：字符串、数组、对象示例：.fontClass{font-size:40px;}.colo
瑶大头*^_^*·2023-10-21 18:42

Vue基础语法&核心指令&过滤器&计算属性&监听属性

目录1.模板语法1.1插值1.1.1文本1.1.2html1.1.3属性1.1.4表达式1.2指令1.2.1核心指令1.2.1.1v-if|v-else-if|v-else1.2.1.2v-show1.2.1.3v-for1.2.1.4v-on|v-model|v-for1.2.1.5参数v-bind:href,v-on:click1.2.1.6简写2.过滤器2.1局部过滤器2.2全局过滤器3.计
瑶大头*^_^*·2023-10-21 18:12

vue基础----用vue来展示表格数据

给刚学vue不就的兄弟，用bootstrop,{{item.group}}{{item1.name}}constattrs=[{"group":"Physical","attributes":[{"name":"Size","value":"160.8x78.1x7.4mm#6.33x3.07x0.29inches"},{"name":"Weight","value":"228grams#8.03
xiaodunmeng·2023-10-21 16:10

vue.js学习(一)

vue-exercise不定期的vue学习动态第一天helloworld关于一个最小的vue项目的结构导入vue创建vue实例使用插值表达式调用数据vue基础及事件修饰符使用v-cloak可以解决闪烁问题
niracler·2023-10-21 07:43

二、vue基础语法

一、模板语法1、文本渲染使用双花括号语法插入文本msg:{{message}}exportdefault{data(){return{message:"输出信息"}}}2、渲染标签exportdefault{data(){return{rawHtml:"百度"}}}3、属性属性测试属性测试exportdefault{data(){return{idValue:500}}}5、模板语法支持表达式{{
[T]·2023-10-21 00:55

学习笔记之Vue基础学习（一）

Vue学习一、Vue简介1.1什么是Vue？1.2Vue的特点1.3Vue官网使用1.4搭建Vue开发环境1.5Hello小案例总结案例：二、模板语法2.1两大类型三、数据绑定3.1两种方式四、el和data的两种写法4.1el的两种写法4.2data的两种写法五、MVVM模型5.1什么是MVVM模型六、数据代理6.1Object.defineProperty方法6.2理解数据代理6.3Vue中的
YING—country·2023-10-20 18:32

Vue基础之组件注册

组件注册分为全局注册和局部注册。局部注册：在Vue实例中，使用componen选项可以局部注册组件，注册后的组件只有在该实例作用域下有效。组件中也可以使用components选项来注册组件，使组件可以嵌套。代码://html代码//js代码varChild={template:'这里是局部组件内容'}varapp=newVue({el:'#app',components:{'my-componen
1 2 3 一起追梦·2023-10-20 02:47

Vue小字典-vue基础

Vue小字典1.插值表达式声明式渲染/文本插值语法:{{表达式}}下面是vue变量{{msg}}{{obj.name}}{{obj.age>=18?'成年了':'未成年'}}exportdefault{data(){return{msg:"hello,world",obj:{name:"zs",age:18}}}}2.vue指令-v-bind:属性名=“vue变量”目标:给标签属性设置vue变量的
Sailing678·2023-10-20 02:14

vue学习笔记(一)-vue基础语法

视频教程：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通_哔哩哔哩_bilibili相关文档：Vue核心Vue简介初识(yuque.com)兼容性Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。浏览器工具插件安装：Installation|VueDevtools(vuejs.org)在使用V
这货不是陈进坚·2023-10-20 02:44

09-Vue基础之实现注册页面

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录用户注册页面对于网页的注册页面想必大家都比较熟悉。每一个注册页面都有大量的表单元素，当用户输入完成页面所有的注册时，单机提交按钮程序将收集所有的注册页面信息，然后将转换成JSON字符串，最后再调用AJAX发送数据到服务器。通过vue的学习，我们
坠入暮云间x·2023-10-20 02:13

【融职培训】Web前端学习 第7章 Vue基础教程3 模板语法

一、指令指令(Directives)是带有v-前缀的特殊属性，在此之前我们学习过的指令如下所示：v-bindv-on本节我们将会介绍更多的vue指令。二、条件判断通过v-if和v-show指令可以控制元素的显示与隐藏，区别如下：v-if='false'：不会渲染DOM，查看元素不可见。v-show='false'：会渲染DOM，查看元素可见，但是样式为display:none;下面我们通过事件来控
lmonkey_01·2023-10-19 13:45

一、vue基础语法

1.1Vue新建项目语法基本语法：vue.js引入1.2、Vue实例化，代码如下：Document{{mess}}//代码实例化letapp=newVue({el:"#app",//用于挂在要管理的元素data:{//定义数据mess:"您好"}});1.3、循环列表语法如下：Document{{item}}letapp=newVue({el:"#app",data:{list:['星际穿越','
神秘码农·2023-10-19 10:01

Vue基础--源动力

//cn.vuejs.org/v2/guide/image.pngVue演进案例：节点内容填充原生JSimage.pngJS模板image.pngjQueryimage.pngVueimage.pngVue
苦难_69e0·2023-10-19 07:40

Vue基础使用

目录Vue初识Vue创建静态web页面引入js下载js案例1:代码tomcat访问Vue的常见指令1、{{属性}}2、v-bind3、v-model4、v-html5、v-if6、v-for7、v-on原生的点击事件vue的点击事件Vue事件$event事件函数事件对象获取事件源事件传参事件分析图Vue属性eldatamethodsfiltersmounted分析this解释代码示例created
JH&&HANDSOME·2023-10-18 11:51

基于element-ui的vue组件的封装（一）

实例内容封装常见的功能组件（Button、Modal、Form相关），封装完成后封装成UI组件库发布到NPM上涉及知识点vue基础语法组件基本语法子健通讯（sync、provide、inject）插槽使用
Dl_蜡笔小新·2023-10-18 10:18

Vue基础 - Vue数据监测原理

更新时的问题更新时的一个问题人员列表更新马冬梅的信息{{p.name}}--{{p.age}}-{{p.sex}}Vue.config.productionTip=false;//阻止vue在启动时生成生产提示newVue({el:'#root',data:{personList:[{id:1,name:'马冬梅',age:18,sex:'女'},{id:2,name:'周冬雨',age:19,s
吾昂王sun·2023-10-18 00:32

Vue基础知识

Vue基础知识  何为Vue?  
方快樂·2023-10-17 21:13

vue基础知识十六：Vue.observable你有了解过吗？说说看

一、Observable是什么Observable翻译过来我们可以理解成可观察的我们先来看一下其在Vue中的定义Vue.observable，让一个对象变成响应式数据。Vue内部会用它来处理data函数返回的对象返回的对象可以直接用于渲染函数和计算属性内，并且会在发生变更时触发相应的更新。也可以作为最小化的跨组件状态存储器Vue.observable({count:1})其作用等同于newvue(
小爱同学-Allen·2023-10-17 21:13

学好vue，靠他就行了---vue基础知识与原理(一)

文章目录1.vue基础知识和原理1.1初识Vue1.2模板语法1.3数据绑定1.4el与data的两种写法1.5Vue中的MVVM1.6数据代理1.7事件处理1.8键盘事件1.9计算属性1.10监视属性
追求～·2023-10-17 21:12

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他