Vue基础

Vue基础

○什么是webpack■项⽬构建⼯具■资源的合并、打包、压缩、混淆等诸多功能○什么是vue■构建⽤户界⾯的渐进式框架，采⽤⾃底向增量开发的设计。○vue核⼼理念■数据驱动视图，组件化开发○为什么学习流⾏框架■轻量级框架■简单易学■视图、数据、结构分离■虚拟DOM○框架和库的区别■框架：⼀套完整的解决⽅案，对项⽬的侵⼊性较⼤，如果想要更改框架，需要重新架构整个项⽬。■库：提供的⼀些⼩功能，对项⽬的侵
凛落·2024-01-18 09:01

Vue学习计划：从基础到实战，全面掌握Vue技术栈

阶段一：Vue基础阅读Vue官方文档，了解Vue的基本概念和用法。学习Vue的模板语法，掌握Vue指令和表达式的使用方法。学习Vue组件的使用方法，包括组件的定义、注册和使用。
袁代码·2024-01-17 23:03

Vue基础（三）--生命周期和计算属性

Vue的生命周期1.简介每个Vue实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。比如created钩子可以用来在一个实例被创建之后执行代码：newVue({data:{a:1},created:function(){//`thi
程序员大佬超·2024-01-14 18:30

vue-入门篇

1.目标了解什么是VUE2.vue基础2.1概述官网：https://cn.vuejs.org/Vue.js是一套构建用户界面的渐进式框架。Vue采用自底向上增量开发的设计。
我是菜鸟ddd·2024-01-14 13:47

Vue基础篇（六）

本教程分为三部分：基础进阶实战，深入浅出Vue.js基础篇持续更新中…第六章表单与v-model基本用法：-------v-model:Vue提供了v-model指令，用于在表单类元素上双向绑定事件一个小栗子v-model:用法{{value}}varapp=newVue({el:'#app',data:{value:''}})效果图：效果图input和textarea可以用于input框，以及t
土豆片片·2024-01-14 01:58

【vue基础语法详细介绍】

vue基础语法详细介绍1.基础语法1.1声明式渲染1.2条件与循环1.3事件处理1.4双向数据绑定1.5组件化2.模板语法2.1插值2.1.1文本2.1.2html2.1.3属性2.1.4表达式2.2指令
程序员不想YY啊·2024-01-12 18:25

Vue2自学笔记

Vue2vue基础vue-clivue-routervuexelement-uivue3Vue，用于构建用户界面的渐进式JavaScript框架。
Kazunto·2024-01-12 12:32

Vue基础-搭建Vue运行环境

这篇文章介绍了在Vue.js项目中进行开发环境搭建的关键步骤。包括node.js安装和配置、安装Vue及VueCLI工具、安装webpack模板、安装vue-router、创建Vue项目等步骤。这篇文章为读者提供了清晰的指南，帮助他们快速搭建Vue.js开发环境，为后续的项目开发奠定基础。一、node.js安装和配置1、进入官网地址下载安装包官方网站下载地址：Node.js(nodejs.org)
Damon小智·2024-01-12 07:32

Vue学习笔记

Vue基础笔记一、MVC与MVVM1.MVC（单向操作）model数据View视图controllor控制器2.MVVM（双向数据绑定）model数据View视图viewModel视图模型二、利用npm
陈俊嵩·2024-01-10 20:22

Vue基础-day-03(组件注册，父子组件之间传值，组件插槽)

组件组件(Component)是Vue.js最强大的功能之一组件可以扩展HTML元素，封装可重用的代组件注册全局注册Vue.component('组件名称',{})第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用Vue.component("组件的名称(button-click)"，{data：function(){return{count：0；}}，templ
新苡米·2024-01-09 09:28

Vue基础

插值语法：常用标签体内容{{...}}...为js表达式指令语法：解析标签v-bind动态绑定例：简写：====>:例：数据绑定单向数据绑定：v-bind双向数据绑定：v-model:value简写：====>v-modelv-model只能应用于表单类元素el与data两种写法el:'#root'v.$mount('#root')对象式：data:{}函数式：dara:funtion(){ret
前端小卡拉米·2024-01-09 08:53

成为一名合格的前端架构师，前端知识技能与项目实战教学

介绍和环境配置（共6课时）02.ES6语法（共5课时）03.node基础（共29课时）04.Express框架（共9课时）05.node图书管理系统项目（共26课时）06.git安装和使用（共19课时）07.Vue
itsover·2024-01-06 17:47

Vue知识总结-上

VUE初识Vue是一套用于构建用户界面的渐进式(由只需要轻量小巧的核心库构建的简单应用逐渐扩展为可以引入各式各样的Vue组件构建的复杂应用)JavaScript框架Vue需掌握的内容：Vue基础、Vue-cli
奉先节度使·2024-01-05 13:34

vue入门

准备开始vue基础内容，结合官方文档进行白话总结，此篇为vue的相关指令以及组件化等，下篇为路由，方便遗忘查看vue基础(1).历史介绍angular09年，年份较早react2013年,用户体验好vue2014
jcxe·2024-01-05 03:01

vue基础

Title//定义组件Vue.component("pan",{props:['panh'],template:'{{panh}}'});varvm=newVue({el:"#app",data:{items:["java","Linux","前端"]}});说明：v-for="iteminitems"：遍历Vue实例中定义的名为items的数组，并创建同等数量的组件v-bind:panh="it
小小1992·2024-01-04 22:43

Vue基础语法复习

文章目录1.插值语法1.1Mustache1.2v-once1.3v-html1.4v-text1.5v-pre1.6v-cloak2.绑定属性v-bind2.1v-bind2.1.1v-bind绑定class动态绑定类名小例子2.1.2v-bind绑定style3.事件监听v-on3.1v-on的语法糖3.2事件修饰符4.条件判断4.1v-if、v-else-if、v-else4.2v-show
lhrdlp·2024-01-04 02:23

VUE基础之vue入门

Vue之-基本的代码结构和插值表达式、v-cloakVue指令之v-text和v-htmlVue指令之v-bind的三种用法直接使用指令v-bind使用简化指令:在绑定的时候，拼接绑定内容：:title="btnTitle+',这是追加的内容'"Vue指令之v-on和跑马灯效果HTML结构：{{info}}-->Vue实例：//创建Vue实例，得到ViewModelvarvm=newVue({el
小K强·2024-01-03 13:30

用Vue仿element-ui从0到1封装可复用的组件-input

1.需要的前置知识vue基础语法,组件通讯(props,$emit)，slot，v-model，computed1.1准备工作，子组件引入全局环境中importvbInputfrom"@/components
一代码神·2024-01-01 13:17

v-for循环中使用v-on（VUE学习4）

1.VUE基础框架Document2.设置页面标题v-for循环中使用v-on3.将Vue应用程序挂载到具有id="app"的div元素上4.显示一个img元素，通过v-bind指令动态设置src属性，
零梦ing·2024-01-01 05:43

v-bond和v-if的使用（VUE学习2）

一、v-bond的使用1.VUE基础框架：Document2.在头部定义一个样式，将具有pinkBG类的元素的背景颜色设置为lightpink.pinkBG{background-color:lightpink
零梦ing·2024-01-01 05:13

【Vue2+3入门到实战】（8）Vue基础之工程化开发和脚手架Vue CLI 组件化 组件注册 详细示例

目录day03一、今日目标1.工程化开发入门2.综合案例二、工程化开发和脚手架1.开发Vue的两种方式2.脚手架VueCLI基本介绍：好处：使用步骤：三、项目目录介绍和运行流程1.项目目录介绍2.运行流程四、组件化开发五、根组件App.vue1.根组件介绍2.组件是由三部分构成3.总结六、普通组件的注册使用-局部注册1.特点：2.步骤：3.使用方式：4.注意：5.语法：6.练习7.总结七、普通组件
老牛源码·2023-12-31 20:05

Vue基础知识二

一VUE核心知识1.1列表渲染1.1.1基本列表要求实现以下效果基本列表人员列表（遍历数组，用的最多）{{p.name}}-{{p.age}}{{p.name}}-{{p.age}}汽车信息（遍历对象）{{k}}-{{value}}测试遍历字符串（用得少）{{char}}-{{index}}测试遍历指定次数（用得特少）{{index}}-{{number}}Vue.config.productio
麦芽糖0219·2023-12-31 09:16

vue基础学习笔记 --- 计算属性、计算属性与函数之间的区别、watch监听器

计算属性和函数的区别函数不会缓存数据，在每次访问都要重新求值（如果数据经常发生变化，推荐使用函数）计算属性会缓存数据，只要数据没有发生变化，就不会重新求值（如果数据不经常变化，推荐使用计算属性）计算属性-computed计算属性什么是计算属性？computed定义计算属性，计算属性类似于methods里面定义的函数；首先computed计算属性是用于在HTML模板中表达式更加简洁，易维护。comp
努力学习的米·2023-12-30 11:17

VUE笔记

VUE一.VUE基础1.什么是vuevue是一套用于构建用户界面的渐进式javascript框架2.vue的特点1.采用组件化模式，提高代码复用率，便于维护代码2.声明式编码让编码人员无需直接操作DOM
半糖不加奶·2023-12-29 07:41

【Vue2+3入门到实战】（4）Vue基础之指令修饰符 、v-bind对样式增强的操作、v-model应用于其他表单元素 详细示例

目录一、今日学习目标1.指令补充二、指令修饰符1.什么是指令修饰符？2.按键修饰符3.v-model修饰符4.事件修饰符三、v-bind对样式控制的增强-操作class1.语法：2.对象语法3.数组语法4.代码练习四、京东秒杀-tab栏切换导航高亮1.需求：2.准备代码:3.思路：五、v-bind对有样式控制的增强-操作style1.语法2.代码练习3.进度条案例六、v-model在其他表单元素的
老牛源码·2023-12-25 21:39

vue - vue基础/vue核心内容

终于算是顺利进入vue了，确实也只有学了过后才知道，之前三过vue而不学，确实是对的，现在进来了一点都不后悔，ajax、node.js、promise、webpack、git等等确实是除了三大基础外还需要额外学的。终于能够一窥vue的真容了，学了这么久，说实话一直都忍着，不去触碰这一条线，就想留着保持浓厚的兴趣，来看看vue到底是个什么神奇的东西，能让代码如此简单，确实，至少到我现在学的阶段，其他
heymar·2023-12-23 21:20

Vue基础知识一

一.Vue简介1.1Vue.js是什么Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。1.2Vue的特点采用组件化模式，提高代码复用率，且
麦芽糖0219·2023-12-23 14:14

Vue基础之插槽、自定义指令、render函数、过滤器

目录一、插槽1、默认插槽2、具名插槽3、作用域插槽二、自定义指令三、render渲染函数四、过滤器一、插槽插槽可以分为默认插槽、具名插槽（具有名字的插槽）、作用域插槽。插槽允许我们在调用子组件的时候为子组件传递模板。1、默认插槽没有名字的插槽就是默认插槽，一个不带name的出口会带有隐含的名字“default”。或者组件标签里面的内容会被渲染到默认插槽：hellovue//定义组件letmyA={
叶子yes·2023-12-23 13:26

二、Vue基础语法学习笔记——事件监听v-on、条件判断（v-if、v-else-if、v-else、v-show）、循环遍历（v-for遍历数组对象，key属性、检测数组更新）、图书案例、双向绑定

四、事件监听在前端开发中，我们需要经常和用于交互。这个时候，我们就必须监听用户发生的时间，比如点击、拖拽、键盘事件等等在Vue中如何监听事件呢？使用v-on指令v-on介绍作用：绑定事件监听器缩写：@预期：Function|InlineStatement|Object参数：event下面，我们就具体来学习v-on的使用。1.v-on基础这里，我们用一个监听按钮的点击事件，来简单看看v-on的使用下
小小白学计算机·2023-12-22 00:57

Vue基础知识浅谈

mvc和mvvmmvc和mvvm都是软件架构思想mvc(react)model:数据保存view:用户界面Controller:业务逻辑所有通信都是单向的.view->controller->model->viewmvvm（vue）model:数据层view:视图层viewmodel:视图模型层view和viewmodel是同步更改的，viewmodel再和model层进行通信数据流向都是单向mv
life963·2023-12-21 19:46

Vue基础 (黑马程序员讲解)

Vue2.x技术精讲目录：1.Vue快速上手vue概念/创建实例/插值表达式/响应式特性/开发者工具2.Vue指令v-html/v-show/v-if/v-else/v-on/v-bind/v-for/v-model3.综合案例-小黑记事本列表渲染/删除功能/添加功能/底部统计/清空一、vue是什么概念：Vue是一个用于构建用户界面的渐进式框架1.构建用户界面：基于数据渲染出用户看到的页面。2.渐
妄心×·2023-12-21 03:53

vue基础（一）css sass scss less

前端一提起样式，我们不约而同的都会想到css样式，它是页面设计中最基础的样式语言，但除了css外，还有一些其它的样式语言，比如vuestyle声明中常用的scss等。为了减少开发时这些专业名词产生的困惑影响，这里搜集了一些常见的样式语言，并简单介绍它们的区别。css（CascadingStyleSheets）：层叠样式表，是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语
Interest1_wyt·2023-12-21 01:24

vue基础

Vue基础Vue官方文档https://cn.vuejs.org/guide/quick-start.htmlVue安装vue安装npminstall-g@vue-cli创建vue项目:npmcreatevue
HU_LSS·2023-12-20 09:11

若依 版本 运行环境 目录

前后端不分离版本前后端分离版本springcloud微服务版本需要springbootvue基础若依需要的环境:需要两个数据库，mysql和redis(缓存数据库)若依目录doc若依文档ui前端工程admin
229f1c671ad8·2023-12-19 20:43

vue基础语法-07day

‍♀️*使用：帕斯卡命名法(首字母大写)、组件命名要多个单词、if和for不能在一个元素上设置、局部样式scoped特性图库：我的项目--新建项目--加入购物车登录页添加home和logoin页面配置路由出口App.Vue给页面配置路由@是代表src意思提交代码使用element组件写样式：公共（style-index.less）组件中样式在组件中写，使用less方式，推荐使用在class，---
每天进步一点点5454·2023-12-19 19:15

Vue基础

Vue基础一、学习目标能够说出Vue的概念和作用能够使用@vue/cli脚手架工程化开发能够熟练Vue指令能够了解更新检测,key作用,虚拟DOM,diff算法能够掌握设置动态样式能够掌握过滤器，计算属性
henrenzhengdere·2023-12-18 23:39

Vue基础知识

文章目录前言一、Vue基础知识前言前端Vue的一些基础知识整理一、Vue基础知识1.为何v-for要用key：快速查找到节点，减少渲染次数，提升渲染性能。
压力桶·2023-12-18 18:49

Vue基础

文章目录列表渲染字典渲染通过key管理状态事件处理内联事件方法事件处理器事件传参event获取对象传递事件对象事件修饰符阻止默认事件组织事件冒泡数组变化监听变更法替换一个数组计算属性class绑定绑定对象多对象绑定数组绑定数组和对象对class绑定，一般不用style绑定对象监听器表单输入绑定复选框模板引用组件组件导入组件stylescoped样式生效作用域组件嵌套关系组件注册全局注册局部注册组件
Mystery_zero·2023-12-17 03:33

vue基础

VUE基础1.VUE2.vue基础2.1概述2.2声明式渲染和组件化2.2.1声明式渲染2.2.2组件化应用构建2.3开发模式3.vue入门3.1传统DOM与vue实现对比3.2vuedevtools工具安装
T_Donna·2023-12-17 00:54

前端学习笔记（五）：VUE基础学习笔记

文章目录初识VUE（项目搭建）@vue/cli创建项目@vue/cli自定义配置vue指令基础指令虚拟DOM与key过滤器计算属性侦听器VUE组件创建使用组件通信生命周期axios使用$refs和$nextTick使用购物车案例组件切换组件插槽自定义指令tabbar案例VUE路由基础概念声明式导航路由传值的方式编程式导航嵌套和守卫Vant组件库VUE3VUE原理初识VUE（项目搭建）VUE渐进式j
★追梦赤子心★·2023-12-17 00:21

vue基础概念

下面对vue的基础知识点进行记录。1、vue的生命周期就是vue实例从创建到销毁的全过程，即从main.js中的newVue()开始，vue实例有一个完整的生命周期。vue的生命周期中每个阶段对外开放操作vue的接口为钩子函数，包含如下：beforeCreate（创建前）：vue实例完成创建，data没有初始化，不能访问data、method，一般在这个阶段不进行操作；created（创建后）：v
ldcaws·2023-12-17 00:51

Vue框架入门与实践之一

1.Vue基础原理：（1）vue.js中有两个核心功能：响应式数据绑定，组件系统（2）MVC,MVP,MVVM之间的区别和理解；*****MVC：1) 视图(View):用户界面2) 控制器(Controller
小春熙子·2023-12-16 03:30

VUE学习笔记

框架和插件框架不能轻易换，库可以MVC和MVVMnode（后端）中MVC：后端的分层开发概念MVVM是前端视图层的概念，主要关注视图层分离，把前端视图层分成三部分：Model、view、vmviewmodelimageVUE
骆骆呀·2023-12-15 21:01

VUE2-3

第一天：前端工程化与webpack前端工程化的相关概念webpack的常见用法打包发布SourceMap目标：了解工程化的前端开发方式能够知道webpack在实际开发中起到的作用第二天：VUE基础入门VUE
皮皮岛。·2023-12-15 00:26

高德地图vue实现自定义标点热力图效果（缩放时展示不同数据）

样式和vue基础组件省略。。。
椒盐大肥猫·2023-12-14 15:27

vue基础入门（1）

1.vue初体验#1.1.vue简介#1.1.1.vue是什么？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架，什么叫做渐进式呢？通俗的讲就是一层一层的，一步一步的来做事情的方式。什么又是框架呢？可以理解为一套完整的解决方案。总结起来理解，vue是一个框架，提供了一套完整的解决方案，同时这个框架是渐进式的，你不必使用整个框架的所有内容，可以根据自身的应用场景只使用一部
螺钉课堂·2023-12-06 22:55

【Vue.js 入门到实战教程】01-Vue.js 数据绑定的基本实现和代码分析

来源|https://xueyuanjun.com/post/21912本系列教程涵盖Vue基础语法、组件开发、代码测试、以及如何基于Vue+后端API接口构建单页面应用，希望通过这个系列的学习，可以帮助你快速上手
web前端开发V·2023-12-06 04:59

Vue2

2022.5.2、3学习笔记目录3.4.4组件之间的父子关系3.4.5组件的props3.4.6组件之间的样式冲突问题四、vue基础入门(二)4.1组件的生命周期4.1.1生命周期&生命周期函数4.1.2
让我再睡会儿呗·2023-12-05 22:36

Vue基础之事件修饰符、滚动监听、键盘监听及别名

1.Vue提供了6种事件修饰符1.prevent阻止默认事件2.stop阻止事件冒泡3.once事件只触发一次4.capture使用事件的捕获模式5.self只有evetn.target是当前操作的元素时才触发事件6.passive事件默认行为立即执行，无需等待事件回调执行完毕例：Vue常见修饰符注：单独用，也可以可以连着用，如@click.prevent.stop2.滚动监听1.@srocll.
橙小粥·2023-12-05 18:46

Vue基础知识点梳理

在Vue中，被用来响应地更新HTML属性的指令是v-model页面挂载成功之后会触发哪一个钩子函数mounted挂载之后会进行页面的渲染v-on是动作元素不属于条件渲染指令在Vue中，下列关于Vue实例对象说法不正确的是（）。A.Vue实例对象是通过newVue({})方式创建的。B.Vue实例对象只允许有唯一的一个根标签。C.通过methods参数可以定义事件处理函数。D.Vue实例对象中dat
爱吃java的羊儿·2023-12-03 13:50
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他