VUE基础

【Vue】vue基础语法——computed计算、watch监听、class和style，最后回顾JavaScript里面的常用方法（vue学习day03）

大家好，从今天开始，会每天分享vue学习的知识点，一起加油~首先，学习几个单词computed计算，watch监听，handler处理器，deep深度，config配置，global全局，Properties属性，filters过滤，directive指令1、computed计算计算属性是基于它们的响应式依赖进行缓存的computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个
前端小媛·2023-07-28 00:13

【Vue】vue基础语法——自定义指令、过滤、组件和动画（内附详细案例代码）——day04

大家好，从今天开始，会每天分享vue学习的知识点，一起加油~Vue选项（会继续更新...）el模板data数据methods方法directives指令filters过滤watch监听computed计算props属性created创建完毕template模板components组件自定义指令（directives）作用：操作dom，实例化第三方基于dom的插件当被插入时候inserted只绑定一
前端小媛·2023-07-28 00:13

【Vue使用学习Day1】Day1——vue基础用法+指令+事件修饰符

不是跳过了js是笔记写在本子上了哈哈第一次用框架感觉很爽很快乐（刚踏入第一脚的萌新都是这样省儿的吗还有哈，这边不会写一些理论的笔记只是知识点的整理和记录Day1——vue基础用法+指令+事件修饰符-->
竭鱼·2023-07-28 00:13

Vue基础-综合案例（基于vue2）

一、目标能够知道如何使用vue-cli创建vue项目能够知道如何在项目中安装与配置element-ui能够知道element-ui中常见组件的用法能够知道如何使用axios中的拦截器能够知道如何配置proxy接口代理二、目录vue-cli组件库axios拦截器proxy跨域代理用户列表案例vue-cli1.什么是vue-clivue-cli（vue脚手架）是vue官方提供的、快速生成vue工程化项
一支咸鱼·2023-07-27 22:52

vue基础知识

newVue()创建Vue实例，其中Vue.components()也可以创建Vue实例。Vue生命周期函数：vue实例在某一时间点会自动执行的函数。生命周期图示vue模板语法：{{}}表示的插值表达式v-text表示的文本（标签不会被解析）插值v-html表示的html文件（可解析标签）插值这插值表达式和其他的模板指令在“=”后内容都表示js表达式，所以都可以跟简单的js表达式，如：{{name
猫晓封浪·2023-07-27 01:28

VUE基础使用

一：安装。1：先安装node。2：进入目录。1）：npminitvue@latest名字选项不要有大写。2）：二：安装插件。1：不安装是白板。三：目录介绍。四：运行带端口。npmrundev----port88五：运行示例。模板语法{{msg}}exportdefault{data(){return{msg:"神奇的语法"}}}
君子机·2023-07-26 06:55

vue基础学习笔记

VUE学习笔记Vue框架第一个Vue程序el挂载点data数据对象Vue指令内容绑定v-text，v-html事件绑定v-on显示切换v-show,v-if属性绑定v-bindv-for列表循环v-model表单元素绑定Vue框架javascript框架简化dom操作响应式数据驱动第一个Vue程序导入开发版本的Vue.js创建Vue实例对象，设置el属性和data属性创建简洁的模板语法把数据渲染到
暄染落墨·2023-07-25 15:52

【Vue基础】Vue基础自测45题

Vue基础自测45题1.什么是Vue？Vue的核心理念是什么？2.什么是MVC和MVVM？3.框架和库的区别？
山清水秀林·2023-07-23 03:51

vue基础入门

什么是vue构建用户界面用vue往html页面中填充数据，非常的方便框架框架是一套现成的解决方案，程序员只能遵守框架的规范，去编写自己的业务功能！要学习vue，就是在学习vue框架中规定的用法！vue的指令、组件（是对UI结构的复用）、路由、Vuex、vue组件库只有把上面老师罗列的内容掌握以后，才有开发vue项目的能力！vue的两个特性数据驱动视图：数据的变化会驱动视图自动更新好处：程序员只管把
小白程序猿H·2023-07-22 03:10

Vue---Vue基础

一.Vue概述二.Vue的基本使用2.1Vue.js之helloworld基本实例Document{{message}}letvm=newVue({el:'#app',data:{message:'helloVue'}});2.2Vue.js之helloworld细节分析1.实例参数分析*el:元素的挂载位置（值可以是CSS选择器或者DOM元素）*data:模型数据（值是一个对象）2.插值表达式（
Cirrod·2023-07-21 22:25

vue基础（自定义局部指令与自定义全局指令）

知道什么是ref,它有什么用ref用来辅助开发者在不依赖于jQuery的情况下，获取DOM元素或组件的引用ref被用来给元素或子组件注册引用信息，说白了，就相当于为元素设置一个标识如果在普通的DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例ref像元素的唯一标识，所以不要让其值重复每个vue的组件实例上，都包含一个$refs对象，里面存储着对应的DOM元素或组件的引
beizi·2023-07-21 22:10

05-Vue基础之Class 与 Style 绑定

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录动态绑定HTMLClass1.对象语法2.数组语法绑定内联样式——style1.对象语法2.数组语法上次我们对vue的计算属性和监视属性，有了初步了解，这次我们学习vue的样式绑定属性，vue.js中常用v-bind动态绑定属性，这次我从对象语
坠入暮云间x·2023-07-21 21:47

Vue基础学习笔记Day02_vue-cli脚手架_基础API

今日目标:能够理解vue的概念和作用能够理解vuecli脚手架工程化开发能够使用vue指令学习内容：学习目录:Vue基本概念@vue/cli脚手架Vue指令今日总结面试题铺垫必安装-vue-devtools学习,调试vue必备之利器-官方提供的呦如果实在打不开谷歌商店,换个网不要图标上带橘黄色beta的vscode-插件补充vue文件代码高亮插件-vscode中安装Vetur代码提示插件-vsco
子木睡觉了·2023-07-20 13:37

【Vue】day02-Vue基础入门

目录day02一、今日学习目标1.指令补充2.computed计算属性3.watch侦听器4.综合案例（演示）二、指令修饰符1.什么是指令修饰符？2.按键修饰符3.v-model修饰符4.事件修饰符三、v-bind对样式控制的增强-操作class1.语法：2.对象语法3.数组语法4.代码练习四、京东秒杀-tab栏切换导航高亮1.需求：2.准备代码:3.思路：五、v-bind对有样式控制的增强-操作
陶然同学·2023-07-20 13:37

vue基础知识

vue基础vue的安装方式一：直接CDN引入开发版本建议在开发过程中使用，未经过压缩，有自动换行，缩进，易于看源码。
雪飞炎海还清凉·2023-07-19 12:39

vue基础-动态设置meta中title的方法

文章目录前言一、页面代码总结前言vue基础，最近做项目需要动态修改meta中title的显示一、页面代码1、设置meta代码如下meta:title:页面一permission:system:yemian2
明似水·2023-07-19 03:50

vue基础-某个项目ESLint不生效问题

文章目录前言一、解决方法二、在配置文件中添加一下配置三、本人电脑的ESLint配置总结前言vue基础，最近接手同事的项目，发现ESLint不生效了，找了很久也没有发现问题，因为其他的项目是可以用的。
明似水·2023-07-19 03:20

vue基础-JS正则表达式获取字符串中的特定字符如id=“123“

文章目录前言一、链接如下二、在vue3中通过正则表达式的id字符总结前言vue基础，最近做项目需要到一套icon图标，然后能够取到远程的js文件，需要通过解析远程的js文件中取到全部的id字段后的数据。
明似水·2023-07-19 03:45

03-Vue基础语法之指令语法与条件渲染

个人名片：作者简介：一名大一在校生，web前端开发专业个人主页：python学不会123座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡，学好js文章目录指令语法1.v-bind——强制绑定数据2.v-model——双向数据绑定3.v-on——绑定事件监听v-bind和v-model的区别条件渲染指令1.v-if指令2.v-show指令总结昨天我们对Vu
坠入暮云间x·2023-07-18 05:19

02 Vue基础语法之插值语法

个人名片：作者简介：一名大一在校生，web前端开发专业个人主页：python学不会123座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡，文章目录插值语法指令语法1.Mustache语法2.v-text指令3.v-html指令4.v-once指令5.v-pre指令6.v-cloak指令前言记录vue的学习笔记，有什么不对的地方，欢迎各位大佬进行指正，共同
坠入暮云间x·2023-07-18 05:49

01Vue基础之模榜语法

个人名片：作者简介：一名大一在校生，web前端开发专业个人主页：python学不会123座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:暑假学完vue，复习html+css+js文章目录1.创建vue实例2.模板语法4.一键生成vue实例代码前言首先在学习vue之前在vue官网（vue官网教程l）中学习如何安装vue及安装好VueDevtools,方便后续在控制台中查看报错
坠入暮云间x·2023-07-18 05:48

04-Vue基础之计算属性与监视属性

个人名片：作者简介：一名大二在校生个人主页：坠入暮云间x座右铭：懒惰受到的惩罚不仅仅是自己的失败，还有别人的成功。**学习目标:坚持每一次的学习打卡文章目录计算属性1.computed2.计算属性中的[getter和setter]监视属性watch计算属性与监视属性的区别纪上次的Vue的基础语法和条件渲染的学习，我们对Vue的语法也有些初步的了解，今天的学习内容是Vue的计算属性和监视属性，让我们
坠入暮云间x·2023-07-18 05:45

【Vue】day01-Vue基础入门

目录day01一、为什么要学习Vue二、什么是Vue1.什么是构建用户界面2.什么是渐进式Vue的两种开发方式：3.什么是框架总结：什么是Vue？三、创建Vue实例四、插值表达式{{}}1.作用：利用表达式进行插值，渲染到页面中2.语法3.错误用法4.总结五、响应式特性1.什么是响应式？2.如何访问和修改data中的数据（响应式演示）3.总结六、Vue开发者工具安装七、Vue中的常用指令八、内容渲
陶然同学·2023-07-17 20:12

【vue基础学习】API风格

一、选项式API使用选项式API，我们可以用包含多个选项的对象来描述组件的逻辑，例如data、methods和mounted。选项所定义的属性都会暴露在函数内部的this上，它会指向当前的组件实例。你也可以理解成这是vue2的写法把逻辑部分拆分成不同的选项有数据方法生命周期钩子函数exportdefault{//data()返回的属性将会成为响应式的状态//并且暴露在`this`上data(){r
纵有疾风起 人生不言弃·2023-07-17 13:12

Vue基础入门

一、目标能够知道vue的基本使用步骤掌握插值表达式和v-bind指令的用法能够掌握如何使用v-on指令绑定事件能够使用v-model指令实现数据的双向绑定能够使用v-if和v-else指令实现条件渲染能够使用v-for指令实现列表数据的循环渲染Vue简介1.什么是vue官方给出的概念：Vue是一套用于构建用户界面的前端框架。1.1构建用户界面1.2构建用户界面的传统方式1.3使用vue构建用户界面
一支咸鱼·2023-07-17 06:14

vue基础--vue的生命周期

一、什么是Vue生命周期Vue实例从创建到销毁的过程。vue的每个组件从创建到销毁都会经历是系统特定的过程，就是vue的生命周期。二、生命周期介绍1.阶段vue的生命周期可以简单的分为四个阶段：创建阶段，挂载阶段，更新阶段，销毁阶段。创建阶段--beforeCreate，created挂载阶段--beforeMount，mounted更新阶段--beforeUpdate，updated销毁阶段--
yookooi·2023-07-17 06:16

前端技术学习第九讲：VUE基础语法---VUE常用指令

VUE常用指令在VUE学习中，通常使用相关指令使VUE对象中的内容与网页进行挂载绑定，是我们的数据与视图之间产生关联，完成渐进式动态效果。VUE指令都会以“v-”开头。指令名描述v-text将文本内容挂载到页面元素中v-html将html代码展示到页面元素中v-bind将内容解析成为js，绑定至页面元素中，可以是内容，也可以是属性v-if根据判断结果控制内容展示v-else不能单独使用，一般与v-
铁达尼灬胖·2023-07-16 09:59

vue基础学习笔记 --- 组件间数据的传输方式（7种，vue2环境下）

1.props传输----父组件向子组件进行传递使用方式：在父组件中使用子组件的标签中将要传输的数据用v-bind（也可以用：）进行绑定；在子组件中props声明要接收的数据，可以传输三种方式：数组、对象、以及更准确的数据（包括数据类型，以及是否必传）注意：如果父组件要向子组件的子组件传递数据，那么要逐层进行传递；如果兄弟组件之间要进行数据通信，也不能直接使用props，必须要通过父组件进行传递（
努力学习的米·2023-07-15 03:54

vue进阶-消息的订阅与发布

vue基础学习-组件介绍了嵌套组件间父子组件通过props属性进行传参。子组件传递数据给父组件通过$emit()返回自定义事件，父组件调用自定义事件接收子组件返回参数。
不会叫的狼·2023-07-14 12:22

Vue练习题（带解析）

Vue基础入门一、填空题Vue是一套构建__用户界面_____的渐进式框架。MVVM主要包含3个部分，分别是Model、View和____ViewModel___。
风筝超冷·2023-06-24 09:49

Vue基础杂谈

1.属性绑定：a:v-bind:src="src";单纯属性绑定b:v-bind:[propsimg]="src"属性绑定且动态属性名2.放在选项中data和methods都会在Vue实例中的属性和方法；Vue提供的选项的值不能用箭头函数3.数据一开始应该放在data中，数组不应该放简单型数据，这样可以预防不响应情况；如果不响应可以通过Vue.set（方法名，key,value）或者Vm.$set
将心比心_59bf·2023-06-23 20:04

前端学习笔记-Vue2-基础

Vue2-基础VUE基础VUE核心1.简介2.官网3.特点4.使用容器与实例绑定方式el的两种写法data的两种写法模板语法插值语法指令语法数据绑定MVVM模型数据代理Vue中的数据代理事件处理1.基本使用
C_Cercis Chinensis·2023-06-23 07:00

vue基础题

1.vue组件引用方式，插件引用方式2.vue为什么在v-for中的键不推荐使用随机数或者索引呢？那要怎么使用才比较好呢？key的作用主要是为了高效地更新虚拟DOM，使用key来给每一个例程做一个唯一的标识；差异算法可以正确的识别此后的解码器，找到正确的位置进行异步进行操作；在绑定键的时候，最好是一个唯一的值，如item.id而不能是简单的index；在插入数据或删除数据的时候，会导致后面的数据的
lucky婧·2023-06-22 13:17

vue基础使用和指令

1.基础使用1.可以使用cdn也可以保存在本地，使用时，导入即可小案例：点击自动切换图片Title点我换图片varvm=newVue({el:'#app',data:{url:'https://picx.zhimg.com/v2-40db00ef919cb6592655488f2d2fc87f_1440w.jpg',//图片列表url_list:['https://pic4.zhimg.com/8
淘淘桃·2023-06-22 12:45

Vue基础一文速通（基础语法篇）

目录一、插值表达式二、指令2.1v-text2.2v-html2.3v-cloak2.4v-once2.5v-bind2.6v-on2.6.1语法2.6.2v-on的修饰符2.6.3v-on的事件对象event2.6.4v-on的按键修饰符2.7v-model2.7.1v-model的解释2.7.2v-model普通文本框2.7.3v-model单选/复选框2.7.4v-model表单修饰符2.8
大聪明码农徐·2023-06-22 11:32

深入与浅谈 Vue 中计算属性和侦听器的区别和使用（Vue3版本为例）

在Vue项目开发中，这两个技术点是非常重要的，同时也是Vue基础中不可缺少的知识点。
黛琳ghz·2023-06-21 17:42

vue基础篇（一）

继续上一篇vue指令3.v-for,v-modeli.v-for根据数据生成列表结构{{index+1}}{{item.name}}//创建Vue实例对象,设置el属性和data属性varapp=newVue({el:'#app',data:{singerList:[],},methods:{add:function(){this.singerList.push({name:'周杰伦'});thi
sain_wu·2023-06-20 18:38

什么是Vue？为什么要学习Vue？如何使用Vue？

Vue基础介绍什么是Vue.jsVue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架。
心。晴·2023-06-20 09:31

Vue简单项目文件夹和文件联系

Vue简单项目文件夹和文件联系这是我创建好了的Vue基础项目截图我们一般在src文件夹中玩Vue首先说一哈我对Vue的简单理解，Vue是前端的一种技术框架，浏览器上显示的东西其实还是html文件，为什么这么说
薄荷味脑花·2023-06-19 23:36

前端(Vue基础语法)

数据绑定数据绑定就是指将js中的变量自动更新到html中。如下代码,message的默认值是“HelloVue.js!”,那么当页面启动时，html中的默认值会被设置成“HelloVue.js”{{message}}newVue({el:'#demo',data:{message:'HelloVue.js!'}})如果要输出原生的html，可以使用三个大括号来实现{{{messageHtml}}}
dylancc·2023-06-18 12:15

Vue全家桶（一）：Vue基础+Vue-Cli+Vue组件化+过渡动画

目录1.Vue概述1.1认识Vue1.2Vue的两核心1.3Vue的初体验1.4Vue的生命周期2.Vue-CLI(CommandLineInterface)3.Vue基本使用3.1传统开发模式对比3.2Vue.js引入3.3Vue.js案例分析3.3.1实例参数el、data、methods的写法4.Vue模板语法4.1插值语法{{xxx}}4.2指令语法4.2.1v-text、v-html、v
CaRuJan·2023-06-17 22:09

vue基础-子组件 通过 $emit 给父组件传值（！）

把子组件中复选框的选择状态传给父组件子组件向父组件传递值：在子组件中先拿到这个值，然后用$emit触发自定义事件，然后在父组件中监听这个事件，并且定义这个事件函数拿到传来的值原理：子组件：1、子组件在选框所在的input框里加事件2、在methods里定义这个事件方法，使用e.target把勾选的状态值拿到，然后使用this.$emit()，把id和状态值传给父组件父组件：1、在引入的子组件里加入
Forever 女孩·2023-06-17 21:27

vue基础-ref （！）

！1、ref引用在父组件中直接去调子组件中的方法，使用ref很简单，比父子传值简单很多1、使用ref引用DOM元素第一步：给标签里写ref=“xxx”第二步：就可以用this.$refs.xxx来拿到这个元素使用!2、使用ref引用组件实例，使用引用ref，用this.$refs获取拿到组件以后，可以操作该组件中的方法、数据3、在ref引用组件，使用this.$nextTick（）使用：下面这样写
Forever 女孩·2023-06-17 21:56

vue封装自己的组件库 01.封装button组件

涉及知识点vue基础语法组件基本语法字键通讯（sync，provide，inject）插槽使用prop校验过渡与动画处理计算属性与监听属性v-model语法糖vue插件机制npm发布实例目的掌握组件封装的语法和技巧学会造轮子
杨苏西·2023-06-16 07:33

开箱即用的基于Thinkphp+Vue+ElementUI的快速开发系统

基于Thinkphp+Vue+ElementUI的快速开发系统，是一个为个人和团队准备的快速开发脚手架系统，只要您懂数据库，有Thinkphp,Vue基础就可以实现开箱即用；主要特点：CRUD前后端代码一键生成完全契合实际项目的
·2023-06-15 23:07

前端面试之Vue题目，简单全面（持续更新ing...）

VUE基础1.vue的基本原理当一个Vue实例创建时，vue会遍历data中的属性，用Object.defineProperty(vue3使用proxy)将它们转为getter/setter，并且在内部追踪相关依赖
Wonderful_Wan8·2023-06-15 11:08

Vue基础-12-组件生命周期（重点）

Vue基础-12-组件生命周期（重点）生命周期概念组件创建到销毁的过程其实就是一个生命开始和结束过程。
前端小萝莉·2023-06-15 01:02

Vue基础---表单数据绑定及生命周期

表单数据绑定及vue生命周期重点表单数据绑定生命周期(vue重点）重点表单元素数据双向绑定vue生命周期及相关钩子函数表单数据绑定-定义变量定义为一个json,key和后端要求的字段保持一致-所有的表单元素通过v-model绑定数据-单选框准备value文本与文本框域数据绑定表单中文本包括文本框和文本域，都通过v-model进行数据的双向绑定这是文本框内容:{{msg}}这是文本域内容：{{con
Yqi9979·2023-06-15 01:01

vue基础--重点

！1、vue的特性！2、v-model双向数据绑定指令（data数据源变化，页面变化；页面变化，data数据源也变化）1、v-model会感知到框中数据变化2、v-model只有在表单元素中使用，才能实现数据双向绑定，如input、select表单元素中扩充：v-model在封装时，内部就监听了:value（v-bind：value）属性的变化，所以用v-model，:value就不用了3、v-b
Forever 女孩·2023-06-15 01:00

vue 全家桶 （Vue-cli、Vue-route、Vuex）

Vue全家桶（Vue-cli、Vue-route、vuex）摘要学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件）1、Vue-cliVue-cli
adam_1997·2023-06-14 10:18
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他