Vue基础

Vue基础-3.Vue 组件模板语法

前言我只介绍了常用的，更全的可以去看官网基本语法当涉及到Vue组件模板语法时，有很多不同的概念和元素需要考虑。以下是一个更详细的Vue组件模板语法的表格介绍，包括了插值、指令、动态属性绑定、事件绑定、计算属性、条件渲染、循环渲染、属性绑定、样式绑定、模板引用、监听属性等内容。概念描述和用法插值使用{{expression}}进行数据绑定，将数据渲染到模板中。文本插值使用v-text指令代替双花括号
Mr谦·2023-08-19 06:17

【Vue基础知识再巩固】--混入，自定义指令，过滤器

1.混入Mixin混入类似于公共参数或者方法的初始化，使一些公共的变量或方法定义到组建中，与vuex功能类似却不相同。（混入中可以定义vue的各个变量入craeated,methods等，但是合并后，重复的以组件内为主）varmixin={data:function(){return{message:'hello',foo:'abc'}}}newVue({mixins:[mixin],data:f
GQ_cyan·2023-08-18 20:05

【Vue基础知识再巩固】--动态组件和异步组件

动态组件标签切换v-bind:is控制模板切换，但是模板切换前后重新加载，无法保持切换前状态，故引入keep-alive对组件实例进行缓存，以保持其状态：异步组件暂时用到的场景，大量组件引入时候会导致页面有一定延迟，因此引入异步组件，当组件使用实被引入注册newVue({components:{'my-component':()=>import('./my-async-component')}})
GQ_cyan·2023-08-18 20:35

vue2.0/vue3.0学习笔记——2022.08.16

vue2（查漏补缺）一、vue基础内置指令（查漏补缺）1、v-text更新元素的textContent2、v-html更新元素的innerHtml3、v-cloak防止闪现，与css配合:[v-cloak
bug天天写·2023-08-18 15:14

vue基础-解决Cannot find package ‘vite‘ imported from xxxx问题

文章目录前言一、错误信息：二、解决方法：总结前言最近介绍接手新的vue项目，想运行起来发现下面一个错误。一、错误信息：failedtoloadconfigfrom/Users/xxxx/backend/vite.config.tserrorwhenstartingdevserver:Error[ERR_MODULE_NOT_FOUND]:Cannotfindpackage'vite'importe
明似水·2023-08-18 02:39

vue基础-vue监听当前屏幕大小做不同的操作

文章目录前言一、代码如下：总结前言在vue项目开发过程中，有个需求，就是当屏幕大于1024时，我们默认为PC模式。小于1024时，我们默认为H5模式。但是有的界面我们想在PC和H5上面展示不同的数据，请求不同的接口，而且要动态改变，就是屏幕缩小的时候做出改变。下面介绍监听当前屏幕的宽度，动态请求数据更改数据。一、代码如下：constcontentData=ref('')//使用响应式constst
明似水·2023-08-18 02:08

3-4【微信小程序全栈开发课程】组件(Component)--封装登录弹窗组件

用来封装可重用的代码或者封装一个单独的模块，比如我们上一节的登录弹窗，下面我们来演示一下如何将代码提取到组件1、创建组件在src/components文件夹下面创建一个LoginWindow.vue文件写入vue
l猫宁一·2023-08-17 13:59

Vue基础

Vue基础Vue应用{{message}}varapp=newVue({el:'#app',data:{message:'Vue!'}})
Rkun18·2023-08-17 12:18

vue基础知识五：请描述下你对vue生命周期的理解？在created和mounted这两个生命周期中请求数据有什么区别呢？

一、生命周期是什么生命周期（LifeCycle）的概念应用很广泛，特别是在政治、经济、环境、技术、社会等诸多领域经常出现，其基本涵义可以通俗地理解为“从摇篮到坟墓”（Cradle-to-Grave）的整个过程在Vue中实例从创建到销毁的过程就是生命周期，即指从创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程我们可以把组件比喻成工厂里面的一条流水线，每个工人（生命周期）站在
小爱同学-Allen·2023-08-17 10:35

vue基础知识四：Vue实例挂载的过程

一、思考我们都听过知其然知其所以然这句话那么不知道大家是否思考过newVue()这个过程中究竟做了些什么？过程中是如何完成数据的绑定，又是如何将数据渲染到视图的等等一、分析首先找到vue的构造函数源码位置：src\core\instance\index.jsfunctionVue(options){if(process.env.NODE_ENV!=='production'&&!(thisinst
小爱同学-Allen·2023-08-17 10:04

Vue基础系列(三) 生命周期

Vue构建大型单页面电商应用开源啦!点我看源码阅读时间预估:5分钟image什么是生命周期?生命周期是指一个事物从生到死的过程,软件也一样,每个语言都有其生命周期,从出生到死亡,每个阶段做每个阶段应该做的事情,简单说：一个组件从开始到最后消亡所经历的各种状态，就是一个组件的生命周期。例如面前这位大侠,既然是小白那么就要苦练基本功,千里之行始于足下,万层高楼,平地起,相信在持续的努力中会有所进步,废
极客James·2023-08-17 02:31

Vue基础

Vue简介Vue是什么是一套用于构建用户界面的渐进式JavaScript框架简单应用：只需一个轻量小巧的核心库复杂应用：可以引入各式各样的Vue插件渐进式：Vue可以自底向上逐层的应用（从简单应用到复杂应用就是渐进式）Vue特点：1、采用组件化模式，提高代码复用率、且让代码更好维护2、声明式编码，让编码人员无需直接操作DOM，提高开发效率3、使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点初
MoYuP_ENG·2023-08-16 18:13

第四章：前端框架Vue基础入门

文章目录一、Vue框架概述1.1声明响应式的数据二、Vue内置指令2.1、条件渲染指令v-if/v-show2.2v-for:列表渲染2.3、v-text/v-html模板指令2.4v-on:事件监听器2.6动态绑定v-bind2.7v-model表单元素值绑定三、计算属性与监视3.1计算属性computed3.2watch侦听器3.3watch、watchEffect、computed区别四、高
Sophie_U·2023-08-16 09:23

VUE基础知识及概念（附表格代码）

VUE.js是由华人尤雨溪单独创作。vue是一套构建用户界面的渐进式框架。npminstalljquery利用GIt下载vue插件vueAngularReact三大框架将hellovue在页面中展现出来{{mag}}newVue({el:'.itany',data:{msg:'hellovue',}})vue中v-for的使用：{{val}}循环数组{{val}}循环对象{{index}}--{{
卐_c2a9·2023-08-15 21:56

vue基础知识三：v-show和v-if有什么区别？使用场景分别是什么？

一、v-show与v-if的共同点我们都知道在vue中v-show与v-if的作用效果是相同的(不含v-else)，都能控制元素在页面是否显示在用法上也是相同的当表达式为true的时候，都会占据页面的位置当表达式都为false时，都不会占据页面位置二、v-show与v-if的区别控制手段不同编译过程不同编译条件不同控制手段：v-show隐藏则是为该元素添加css–display:none，dom元
小爱同学-Allen·2023-08-14 23:05

vue基础知识(1)-组件通信

1.父向子组件通信——props//父组件中prop用中划线连接exportdefault{props:{//子组件中用驼峰接收propcaseMessage:{//type不加引号type:String,//如果是引用类型（数组、对象）要写成function形式default:""}}}传递props时，除了需要传入字符串以为，其余都需要加:冒号//数字2//布尔值true//数组//对象//变
sunflower31·2023-08-13 16:32

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