Vue基础

Vue基础之购物车案例

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡经过前几次的学习，我们今天的学习任务主要是完成一个简单的购物车页面，该案例综合了之前所学到的知识点，非常适合新手们练习！让我们一起看下去吧！！！文章目录分析案例结构实现功能1.动态渲染商品数据分析案例结构可以看出我们今天需要完成案例功能如下：添加商品动
坠入暮云间x·2023-11-14 16:09

Vue基础之组件通信（二）

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录一、组件通信方式有哪些？二、什么是组件通信？三、组件关系分类1.父组件向子组件通信2.子组件向父组件通信四、什么是props?1.Props定义：2.Props作用：3.Props特点：props校验什么是单向数据流？1.props和data共
坠入暮云间x·2023-11-14 16:09

总结Vue 团队开发的一些基本配置封装分享

本文已授权掘金开发者社区公众号独家使用，包括但不限于编辑、标注原创等权益简介本篇文章主要带来的是vue基础架构篇，大家都知道，Vue3.0后Vue2.0会有一个终结版出来，也就说明Vue迎来了新时代，但是并不是所有项目都能够一起迈向新时代的轮船
前端劝退师·2023-11-13 08:29

Java程序员要掌握的前端知识-Vue2篇

第二章.Vue21.Vue基础1)环境准备安装脚手架npminstall-g@vue/cli-g参数表示全局安装，这样在任意目录都可以使用vue脚本创建项目创建项目vueui使用图形向导来创建vue项目
SuperW.·2023-11-13 01:17

Vue3基础学习笔记（二）Vue基础语法5-列表循环渲染

列表循环渲染一、v-for循环数组为了提高循环时性能，在数组其中一项变化后，整个数组不进行全部重新渲染，Vue提供了绑定key值的使用方法，目的就是增加渲染性能，避免重复渲染增加数据内容的三种方式：①使用数组变更函数pop，push，shift，unshift，reverse等constapp=Vue.createApp({data(){return{listArray:['123','456',
smellsummer·2023-11-12 04:06

Vue3基础学习笔记（二）Vue基础语法6-事件绑定

事件绑定基础内容知识点：如果在methods中要额外传递参数，同时要获取原生的事件对象，要在模板中使用$event变量，这就指原生的事件对象constapp=Vue.createApp({data(){return{counter:0}},methods:{handleAddBtnClick(num,event){this.counter+=num;console.log(event)}},tem
smellsummer·2023-11-12 04:06

前端面试题之vue篇

vue基础vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty(Vue使用proxy)转换为getter/setter，并且在内部追踪相关依赖
糊口的前端工程师·2023-11-11 22:34

uniapp学习笔记

有一定HTML,CSS,vue基础,记录方便自己记忆学习,自己觉得很经常用不会错的就没记文件-新建-项目工具-安装插件编译成微信小程序段代码设置开发者路径,安装微信开发者工具目录开启服务端口,微信开发者工具中开启设置
幸运兔I·2023-11-11 18:42

Vue学习笔记（张天禹老师Vue）

文章目录1Vue基础1.1介绍Vue1.2Vue的安装1.3Hello小案例1.3Hello案例分析1.4模板语法1.5数据绑定1.6el和data两种写法1.7MVVM模型1.8Object.defineProperty1.9
玖菱霜叶·2023-11-11 08:23

Vue基础-10-数据变更检测

Vue基础-10-数据变更检测再Vue中已经可以定义对象类型、基本类型数据、数组类型的数据基本数据类型主要基本数据类型的值发生变化，我们页面都能动态检测更新Object对象类型替换对象的引用、修改对象的属性值能够检测到更新
前端小萝莉·2023-11-09 16:23

【vue】VUE基础语法(一)

目录一、上篇遗留问题：二、VScode添加代码片段方法三、vue3基本指令3.1Mustache双大括号语法：3.2v-once语法：3.3v-text语法：3.4v-html语法：3.5v-pre语法：3.6v-cloak语法：四、v-bind4.1v-bind的基本使用4.2v-bind绑定class-对象语法4.3v-bind绑定class-数组语法4.4v-bind绑定style-对象语法
刘乙江·2023-11-08 07:03

最全vue2,vue3知识点汇总

一、Vue基础1.Vue的基本原理当一个Vue实例创建时，Vue会遍历data中的属性，用Object.defineProperty（vue3.0使用proxy）将它们转为getter/setter，并且在内部追踪相关依赖
william毅·2023-11-08 00:50

前端Vue框架学习（一）基础内容总结

Vue是前端开发主流框架之一，对于开发者来说解决了好多细节问题，方便了开发，提高了效率，下面我就带来Vue2.0的一些基础的内容归纳总结，后期我会归纳Vue3.0的新变化文章参考：Vue基础概念Vue教程
一个刘·2023-11-06 10:20

学好vue靠他就行了——vue脚手架，自定义事件，插槽等复杂内容

博主主页：追求～本文承接上一篇:学好vue靠他就行了—vue基础知识与原理(一)学好vue靠他就行了—vue基础知识与原理(二)希望各位博主多多关注文章目录2.vue脚手架，自定义事件，插槽等复杂内容2.1
追求～·2023-11-06 09:19

vue基础命令

1.创建项目vuecreate项目名2.进入项目cd项目名3.启动项目yarnserve主要文件及含义node_modules下都是下载的第三方包public/index.html–浏览器运行的网页src/main.js–webpack打包的入口文件src/App.vue–vue项目入口页面package.json–依赖包列表文件@vue/cli自定义配置项目根目录下的vue.config.js配
全栈^_^小菜鸟·2023-11-05 08:15

ChatGPT教我用200行代码写一个简版Vue框架 - OpenTiny

AI是未来最好的老师最近，我正在准备一份关于Vue基础的学习材料。期间我突发奇想：能否利用现在热门的ChatGPT帮我创建学习内容？
OpenTiny社区·2023-11-03 16:45

Vue基础知识-模板语法

Vue基础知识-模板语法一、双括号表达式{{}}向页面输出数据{{}}内部是变量、对象调用、表达式变量、对象调用、表达式一定要有具体的结果如下图，这里是固定写法，使用钩子data，return出去，然后在上面用
测试开发架构师·2023-11-03 15:25

Vue知识框架

Vuejs知识量化一、邂逅/uejs二、Vue基础语法三、组件化开发四、VueCL洋解五、vue-router六、Vuex详解七、网络封装八、项目实战内容概述.pngimage.pngVue(读音/vjuː
醉少_1·2023-11-03 09:39

【Vue】Vue基础知识点介绍（入门级，简单易懂）——day01

大家好，从今天开始，会每天分享vue学习的知识点，一起加油~①首先，牢记三个单词bind绑定，property属性，mount挂载1、Vue概述1.1特点尤雨溪创造，V2与V3流行Vue是一套用于构建用户界面的渐进式框架结合了angular的指令与react的组件，虚拟dom1.2优点中文文档完备，生态丰富（插件多），上手简单指令，组件，虚拟dom2、导入与实例化step1引入或者引入//需要在目
前端小媛·2023-11-02 08:14

A01-搭建VUE基础项目

‍个人主页：SilenceLamb本章内容：【搭建VUE基础项目】Silence-Vuev1.0.0基于VUE前端快速开发框架平台简介一、创建项目1.1【创建项目】安装脚手架npmi-g@vue/cli
Silence Lamb·2023-11-02 04:42

Vue 学习笔记

目录1、vue基础1.1、第一个vue程序1.1.1、导入vue依赖1.1.2、编写代码1.2、el挂载点1.3、data数据对象2、vue常用指令2.1、v-text2.2、v-html2.3、v-on2.4
Mr_zhangyj·2023-11-02 02:58

uniapp路由传多个参数_「vue基础」一篇浅显易懂的 Vue 路由使用指南（ Vue Router 下）...

大家好，在上一篇系列文章里「vue基础」一篇浅显易懂的Vue路由使用指南(VueRouter上)，我们一起学习了路由的基本配置，如何创建路由和传参，本篇文章我们一起学习下Navigation导航和路由守卫的相关内容
weixin_39835925·2023-11-02 00:00

Vue基础入门（Ⅱ）

内容一览建议配合原图使用侦听器1.什么是watch侦听器2.使用watch检测用户名是否可用3.immediate选项4.deep选项.5.监听对象单个属性的变化计算属性computed1.什么是计算属性2.计算属性的特点vue-cli1.什么是单页面应用程序2.什么是vue-cli3.安装和使用4.vue项目的运行流程vue组件1.什么是组件化开发2.vue中的组件化开发3.vue组件的三个组成
ZBink·2023-11-01 19:26

vue基础--组件详解：初识组件、组件动画、父子组件、跨组件传值及多级传递、EventBus、匿名插槽、具名插槽、v-slot指令、作用域插槽、自定义指令

目录一、初识组件1.1什么是组件？什么是组件化？1.2Vue中如何创建组件？1.3组件内的scoped是如何工作的？1.4组件切换1.5动态组件--component1.6组件缓存--keep-alive1.7异步组件二、组件动画2.1如何给组件添加动画？2.2组件动画示例三、父子组件3.1什么是父子组件？3.2父传子--数据传递（props）3.3父传子--配合循环3.4单向数据流3.5子传父-
小白小白从不日白·2023-10-31 19:32

「vue基础」写给 Vuex 初学者的使用指南

大家好，在前面的几篇文章里我们一起学习了Vue相关的基础知识，想复习基础的同学可以点击文末链接进行回顾。今天我们将学习Vue的StateManagement（状态管理）：Vuex，我们在构建大型应用时，StateManagement的处理至关重要。一、Vuex简介随着业务的增加，我们的应用程序也变得越来越复杂，每个组件都有自己的数据状态，再加上组件之间的数据传递问题，一个数据的变化会影响好几个组件
前端达人·2023-10-31 04:28

Vue响应式原理及实现

一、核心原理1.页面展示下载vue.js模块响应式基础结构：Vue基础结构差值表达式{{msg}}{{count}}v-textv-modelletvm=newVue({el:'#app',data:{
后海 0_o·2023-10-29 18:13

Vue基础入门（Ⅳ）

插槽、自定义指令、路由内容一览插槽1.什么是插槽2.体验插槽的基础用法2.1没有预留插槽的内容会被丢弃2.2后备内容3.具名插槽3.1为具名插槽提供内容3.2具名插槽的简写形式4.作用域插槽4.1使用作用域插槽4.2解构插槽Prop自定义指令1.什么是自定义指令2.自定义指令的分类3.私有自定义指令4.使用自定义指令5.为自定义指令动态绑定参数值6.通过binding获取指令的参数值7.updat
ZBink·2023-10-29 16:46

Vue基础知识点整理

1、route和router区别，query和param区别，vue路由传参的方式router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象例如history对象。经常用的跳转链接就可以用this.$router.pushroute相当于当前正在跳转的路由对象。可以从里面获取name,path,params,query等router.js后边跟:id配置参数que
scrollHeart·2023-10-29 12:03

三阶段面试题——vue

■符号说明课题常见重要需要有印象的v3新特性■week1-day1基本语法课题week1-day1Vue基础（基本语法：简介、模板语法、列表渲染、条件渲染、事件处理）先学vue3基本语法{{msg}}添加
tangyu520leihua·2023-10-29 04:17

Vue基础

目录1基础语法v-textv-htmlv-onv-showv-ifv-bindv-forv-model2简单应用2.1计数器2.1.1所用知识2.1.2代码及结果展示编辑2.2图片切换2.2.1所用知识2.2.2代码及结果展示2.3网页记事本2.3.1所用知识2.3.2代码及结果展示1基础语法v-text设置标签的内容（要替换部分字符用差值表达式{{}}）v-html可以存放纯文本，内容中有htm
代码熬夜敲Q·2023-10-28 00:42

web前端——Vue

Vue基础1、初始vue：想让vue工作，就要创建一个vue实例，且要传入一个配置对象。root容器中的代码
Atlantis_Qi·2023-10-26 21:39

vue复习（一）

Vue基础知识单文件基础结构//不同的挂载方法//第一种也是常用的基础结构//第二种ewVue({el:'#app'})//第三种varvm=newVue({el:'#app',template:`HelloWorld
慢慢升级·2023-10-25 07:24

vue

vue基础知识部分扯淡前言这个笔记是关于vue的所有重点基础知识,大部分配的有实例,这些实例都是我自己一个个敲上去的,我基本都是先在jsfiddle上敲完,代码直接粘贴过来的,呕心沥血有木有...弄这个的目的一是为了大家能够更好的掌握
stephenoo·2023-10-25 02:40

前端面试-vue 部分

一、vue基础Vue中的MVVMMVVM(Model-View-ViewModel)也称(Model-View-Binder)Model数据层，数据和业务逻辑都在Model层中定义；View视图层，在前端开发中通常就是
wanglu的博客·2023-10-25 00:33

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