vue基础

vue基础教程学习（四）

这一章呢，主要和大家分享vue环境安装或者重装之中遇到的问题。一.80端口被占用解决方法：1.cmd命令行开启2.命令行中输入netstat-ano，得到对应端口号的PID3.ctrl+alt+delete，打开任务管理器，找到对应PID的进程，结束进程就可以了二.windows安装了最新的node，但是命令行却始终显示node和npm是最低的版本解决办法：1.右键此电脑，打开高级系统设置，选择高
朝阳若蓝·2023-08-13 14:57

Vue基础操作（新手看这章就对了）

目录基础知识了解Vue编写方式创建helloword页面data改为函数方式指令一、基础指令二、单项数据绑定三、双向数据绑定事件绑定在事件对应的方法中获取到事件对象不加括号加括号，加括号一般是需要有额外参数的情况事件修饰符阻止冒泡使用原生js阻止冒泡使用vue事件的修饰符阻止冒泡阻止默认行为使用原生js阻止冒泡使用vue事件的修饰符阻止冒泡一次事件键盘事件修饰符Vue官方网站：Vue.js-渐进式
爱敲代码的小林·2023-08-12 05:48

vue 基础 循环变量 v-for

vue基础循环遍历一、v-for遍历数组{{item}}{{index}}-{{item}}constapp=newVue({el:'#app',data:{names:['why','kobe','jsm
划空破云烟·2023-08-11 08:06

登陆页面搭建第一天

搭建自己的系统（前端）1、第一个vue组件2、webstorm基础使用3、安装依赖，开发环境运行和访问4、创建页面，分配路由5、vue基础操作基础环境准备1、安装node.JS2、安装vue使用管理员cmd
魏0902·2023-08-10 18:54

vue基础 -- 插槽

一插槽目的与作用Vue将元素作为承载分发内容的出口。插槽就是子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个占位符中填充任何模板代码，如HTML、组件等，填充的内容会替换子组件的标签。插槽，其实就相当于占位符。二插槽基础使用1、在子组件中放一个占位符今天天气状况：//设置插槽exportdefault{name:'child'}2、在父组件中给这个占位符填充内容使用slot分发内容
春秋若北·2023-08-09 16:27

vue基础-vue开发如何调试

文章目录前言一、debugger二、Vue.jsdevtools总结前言对于一个前端小白来说，在vue项目开发过程中，当遇到应用逻辑出现错误，使用好调试工具更能准确定位到问题。所以知晓Vue项目调试技巧至关重要，debug是必备技能。下面介绍2种调试方法，希望能帮助到你。一、debugger1、debugger是浏览器提供的调试语句，其主要是通过停止JS的执行，相当于断点。使用方法如下：2、在浏览
明似水·2023-08-09 14:40

vue基础 v-

vue基础部分{{name}}-->-->{{name}}-->点击累加点击累加1函数名字方式累加1函数调用方式累加2{{maopao}}冒泡点击不累加点击跳转百度提交百度点击百度变为平安vue实现动态控制样式
丑吖吖·2023-08-09 12:45

vue基础知识二：你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢

一、什么是SPASPA（single-pageapplication），翻译过来就是单页应用SPA是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，这种方法避免了页面之间切换打断用户体验在单页应用中，所有必要的代码（HTML、JavaScript和CSS）都通过单个页面的加载而检索，或者根据需要（通常是为响应用户操作）动态装载适当的资源并添加到页面页面在任何时间点都不会重新加载，
小爱同学-Allen·2023-08-09 07:18

【vue】vue基础知识

1、插值表达式&属性绑定//插值表达式{{message}}//这里的参数是从父组件的template里传过来的{{data_1}}//v-开头的是vue中的指令，使用v-bind来绑定属性（单向绑定，只能将model中的数据传给绑定的属性）），可以动态改变属性值学好vue不是梦！模块是m和vm结合的地方-->exportdefault{name:"greeting.vue",//函数data()
高老庄里的高小翠·2023-08-08 20:55

Vue基础-vue指令

一、vue基础-插值表达式1、思考1、以前改变标签内容，如何做？2、用Vue有没有更简单的方式？
Autumnxwq·2023-08-08 08:24

Vue指令语法详解

Vue基础语法一.Vue是什么二.Vue实例成员三.Vue指令(标红属性说明有简写语法)1.v-text2.v-html3.v-on4.v-bind5.v-for6.v-model7.v-if8.v-show9
程序员大臣·2023-08-08 08:24

vue创建使用中的问题

7.vue基础方向①.简要介绍vue：国产mvvm架构②.vue常用指令：v-htmlv-forv-ifv-bind:@③.vue组件components④
七月灬流火·2023-08-08 02:50

vue 面试问答大全

此题主要考查⼤家vue基本功，对于vue基础api运⽤熟练度。
jasonyang2019·2023-08-07 04:18

vue2的文档

三.Vue21.Vue基础1)环境准备安装脚手架npminstall-g@vue/cli-g参数表示全局安装，这样在任意目录都可以使用vue脚本创建项目创建项目vueui使用图形向导来创建vue项目，如下图
qq_40011574·2023-08-05 12:03

前端学习——vue基础

一、Day011.第一个vue程序首先引入vue.js，这里是在官网下载的创建一个盒子id为hello{{message}}{{name}}new一个vueconsthello=newVue({el:'#hello',//挂载的div的iddata:{message:'hello,vue!',name:'jiaojiao'}})查看网页：在控制台修改数据，页面数据也会更改（响应式）：2.v-for
娇娇娇娇娇崽·2023-08-03 17:31

Vue语法和常用特性

1.Vue基础语法Vue是什么？
Scincyc·2023-08-03 17:00

vue基础学习之组件化开发和注意事项

组件化开发：就是把一类功能的元素组合到一起，将css（样式）/js（功能）/html（结构）包装到一起，供后续复用Vue组件注册语法：//定义一个名为button-counter的新组件Vue.component('button-counter',{data:function(){return{count:0}},template:'Youclickedme{{count}}times.'})ne
一个卑微的程序员·2023-08-03 03:19

Vue 3：玩一下web前端技术（八）

前言本章内容为VUE基础与相关技术讨论。
Lion King·2023-08-01 03:19

Vue的初体验--使用 new Vue

vue基础代码vue的最开始使用引入vue包需要在body之前引入在html写一个带id的标签这个父级元素及它内部所有元素都在下一步的控制域内{{first}}new一个Vue对象varvm=newVue
星星_a1c1·2023-07-31 16:40

vue基础-动态style

vue基础-动态style1、目标2、语法1、目标给标签动态设置style值2、语法:style="{style属性名:值}"示例：动态styleclassexportdefault{data(){return
佐杰·2023-07-30 23:21

vue基础-diff算法

vue基础-diff算法1、根元素改变2、根元素不变1、根元素改变同级比较-根元素的变化-整个dom树删除重建2、根元素不变同级比较，根元素不变-属性改变更新属性
佐杰·2023-07-30 23:21

vue基础-key的作用

vue基础-key的作用1、无key2、有key，值为索引3、有key，值为id1、无key最大限度尝试就地修改/复用相同类型元素2、有key，值为索引有key属性，基于key来比较新旧虚拟DOM，移除
佐杰·2023-07-30 23:21

vue基础-动态class

vue基础-动态class1、目标2、语法1、目标用v-bind给标签class设置动态值2、语法:class="{类名：布尔值}"示例：动态classexportdefault{data(){return
佐杰·2023-07-30 23:20

Vue基础知识点总结

Vue2-第二版-后台管理系统项目实战/vue+element-ui/vue经典全套系统案例讲解_哔哩哔哩_bilibiliMVVM本质：一种架构模式（编写代码的方式）。理解：不需要操作dom的代码编写方式。特点：（需要记忆）数据驱动视图：数据变化，页面会自动变化。（我们不操作dom）数据双向绑定：页面变化，数据会自动变化。（我们不操作dom）组件本质：一个.vue文件，就是一个组件特点：由三部分
小胖梅前端·2023-07-30 15:47

VUE3----＞基础入门

目录vue基础入门1、解读核心关键词：框架2、vue的版本3、vue的调试工具vue基础入门vite的基本使用1.创建vite的项目2.梳理项目的结构3.vite项目的运行流程组件的基本使用1.组件的注册
Love丶Tin·2023-07-29 22:47

Vue基础总结

目录前置准备目录结构Vue基础模板语法条件渲染if列表渲染for事件处理器表单输入绑定组件基础Props组件交互自定义事件实现组件交互组件生命周期Axios网络请求Axios网络请求封装Router路由
c_mmmmmmm·2023-07-29 19:30

如何才能了解VUE基础呢？来这篇文章告诉你。

博主：锅盖哒文章核心：带你了解vue基础目录v-textv-htmlv-bindvue中的点击事件v-ifv-show首先声明这仅仅只是个人理解而已，有什么错误或者缺少大家尽管在评论区发出来，共同学习，
锅盖哒·2023-07-29 11:25

Vue基础-路由

路由--按照path变换，router-view里面的组件变换创建一个路由对象VueRouter({routes:[]})挂载到我们vm上面router-view参数--获取路径后面的参数在路由规则routes里面的path属性后面创建一个变量来接受我们的参数：id$route.params.id(变量名)来接受我们的参数监听参数变化watch来监听我们的参数变化'$route’(to,from)
慢慢慢热型·2023-07-29 09:22

一个Java后端的Vue自学笔记

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

Vue基础 --- 路由

1.前端路由的概念与原理1.1什么是路由路由（英文：router）就是对应关系。1.2SPA与前端路由SPA指的是一个web网站只有唯一的一个HTML页面，所有组件的展示与切换都在这唯一的一个页面内完成。此时，不同组件之间的切换需要通过前端路由来实现。结论：在SPA项目中，不同功能之间的切换，要依赖于前端路由来完成！1.3什么是前端路由通俗易懂的概念：Hash地址与组件之间的对应关系。1.4前端路
虾小眠0526·2023-07-28 22:04

Vue基础 --- 动态组件 & 插槽 & 自定义指令

1.动态组件1.1什么是动态组件动态组件指的是动态切换组件的显示与隐藏。1.2如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：data(){return{comName:'Left'}}展示Left组件展示Right组件1.3使用keep-alive保持状态默认情况下，切换动态组件时无法保持组件的状态。此时可以使用vue内置的组件保持动态组件的状态。示例代
虾小眠0526·2023-07-28 22:34

day83 前端框架--Vue基础&Vue组件

一，Vue基础补充1.获取DOM对象给标签加ref属性，ref="xxx"this.
weixin_34088598·2023-07-28 21:39

Vue基础--Vue中的双向绑定v-model指令

一、v-model的作用和使用场景1.1v-model指令介绍期望的绑定值类型：根据表单输入元素或组件输出的值而变化可以下下面元素使用：components表单输入元素都是可以使用的v-model支持的修饰符：.lazy——监听change事件而不是input.number——将输入的合法符串转为数字.trim—移除输入内容两端空格1.2v-model指令的作用在表单输入元素或组件上创建双向绑定。
流水武qin·2023-07-28 11:52

Vue基础学习总结

一.背景知识和环境相关1.Node.js是RyanDahl于2009年5月基于ChromeV8引擎构建的一个开源和跨平台的JavaScript运行环境。主要在Windows、Linux、Unix、MacOSX等不同平台上运行。（ChromeV8引擎是谷歌开源的一个高性能JS引擎，并用在谷歌浏览器中，可以编译、执行JS代码。）2.NPM（NodePackageManager）：npm是Node.js
小白_修炼_fight·2023-07-28 10:10

【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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他