Vue基础

Vue基础入门（Ⅲ）

生命周期&数据共享、动态组件内容一览建议配合原图使用组件的生命周期1.生命周期&生命周期函数2.组件生命周期函数的分类组件之间的数据共享1.组件之间的关系2.父子组件之间的数据共享3.兄弟组件之间的数据共享ref引用1.什么是ref引用2.使用ref引用DOM元素3.使用ref引用组件实例4.控制文本框和按钮的按需切换5.让文本框自动获得焦点this.$nextTick(cb)方法动态组件1.什么
ZBink·2023-08-30 08:39

Vue基础内容，Vue入门

传统网页开发请求数据->生成结构->监听变化元素变化->发送请求->更新结构缺点DOM操作频繁，代码繁杂DOM操作与逻辑代码混合，数据或者结构的修改，可维护性差不同功能区域书写在一起，可维护性低模块之间依赖关系复杂前端流行框架Vue.js库是一种工具，在代码中起到辅助作用。框架是JS框架，是遵从遵守规则开发的一种方式本文目的是学习Vue.js规则，Vue.js是渐进式JavaScript框架，官方
mcgee0731·2023-08-28 07:54

Vue最全笔记

一、vue基础1初识Vue：1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3.root容器里的代码被称为
飞飞帅傅·2023-08-27 09:53

Vue基础个人笔记

学习Vue自用笔记持续更新文章目录Vue基础01.初识VueMVVM模式（留个坑，学深了再补充）Vue基础使用02.Vue渲染条件渲染v-if:条件性地渲染一块内容v-showv-ifvsv-showv-forv-for
advitaw·2023-08-26 19:42

vue基础

VueJSimage官网：https://cn.vuejs.org/简介数据驱动组件，为现代化的Web页面而生特点简洁：HTML模板+JSON数据+Vue实例数据驱动：自动追踪依赖的模板表达式和计算属性组件化：用解耦、可复用的组件来构造世界轻量：~24kb的包，无依赖快速：精确有效的异步批量DOM更新模块友好：通过npm或bower安装，无缝融入你的工作流Vue和其它框架的不同对比其它框架http
蠢淡淡不蠢·2023-08-26 13:57

Day04-Vue基础-监听器-双向绑定-组件通信

Day04-Vue基础-监听器-双向绑定-组件通信一侦听器语法一{{name}}修改1<
金霖海·2023-08-25 15:45

Day05-Vue基础

Day05-Vue基础一、单向数据流父子组件通信。会在父组件中定义好数据，将数据传递给子组件，可以使用这个数据Vue中针对props这个属性提出了一个单向数据流的概念。
金霖海·2023-08-25 15:45

Day06-Vue全家桶项目

Day01-Vue全家桶项目一全家桶项目介绍Vue在使用脚手架创建项目的时候，提供前端工程化项目目前主要学习了Vue基础：Vue指令、Vue组件开发、Vue样式、组件通信、生命周期全家桶项目是很多技术结合的一种开发模式
金霖海·2023-08-25 15:45

vue基础知识点

1.什么是Vue?Vue是一套构建用户界面的渐进式的JavaScript框架。特点:A.采用组件化模式,提高代码复用率,且让代码更好维护。B.声明式编码,采用虚拟DOM,无需直接操作真实DOM,提高开发效率。2.Vue模板语法A.插值语法:功能:用于解析标签体内容。写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。B.指令语法:功能:用于解析标签。单项绑定v-bind
关键因素XFactor·2023-08-25 13:08

wx原生微信小程序入门常用总结

点击事件三、微信小程序的数据缓存(以setStorage为例使用)0、setStorageSync和setStorage的区别1、setStorage的使用2、getStorage的使用前言希望你能在有vue
前端张三·2023-08-23 22:14

vue基础之vuex状态管理器记录

写这篇文章是因为有时候用不到vuex,就老是忘记怎么用（估计年纪大了），记录一下，方便查看！！项目src文件下面创建store文件夹，然后文件夹里面创建index文件定义：importVuefrom'vue'importVuexfrom'vuex'//挂载VuexVue.use(Vuex)//创建VueX对象conststore=newVuex.Store({//state定义属性state:{c
霖霏晗·2023-08-23 11:28

Vue基础语法1——模板语法知识点总结（新手必看！）

Vue作为现在最火的框架之一，它的入门相比来说还是比较简单的。这里我整理了Vue的基础语法和使用案例，希望对大家学习Vue有一定的帮助！一、模板语法1.差值-文本数据绑定最常见的形式就是Mustache语法（双大括号）的文本差值。{{}}标签将会被替换成对应数据对象上对应属性的值。只要绑定的数据对象上相对应的属性发生改变，插值处的内容就会更新{{msg}}--{{num}}--{{flag}}--
小丸子御驾亲征·2023-08-22 03:22

快速学会创建uni-app项目并了解pages.json文件

就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录前言创建uni-app项目通过HBuilderX创建pages.jsonpagesstyleglobalStyletabBar前言经过半个多月的学习，vue
小周不摆烂·2023-08-21 20:50

Vue基础-1.知识导航

知识导航（就问全不全）当学习Vue.js时，除了基本的HTML、CSS和JavaScript知识外，还有一些其他的技术和语法需要了解，例如ES6和TypeScript。以下是您可能需要学习的一些基础知识和对应的学习资源，我将它们整理成了表格以方便查阅：领域主要内容学习资源Vue.js基础Vue实例、组件、指令、模板语法等Vue.js官方文档单文件组件和VueCLI的使用VueCLI文档VueRou
Mr谦·2023-08-20 19:10

Vue基础-2.语法结构及分析

♛App.vue的结构App.vue是Vue.js应用程序的根组件，它是整个应用的入口点，包含应用的主要结构和布局。App.vue通常由三部分组成：template、script和style。以下是App.vue文件的结构组成和基本语法：//Vue组件的逻辑部分，包括数据、计算属性、方法等exportdefault{name:'App',//组件数据data(){return{//数据属性};},
Mr谦·2023-08-20 19:10

Vue基础指令

1.v-text：设置标签的内容好好学习，天天向上varapp=newVue({el:'#app',data:{message:"小朋友就要有小朋友的亚子"}})默认的写法会替换全部内容，使用差值表达式{{}}可以替换指定内容，内部支持写表达式2.v-html：设置标签的innerHTML内容中有html结构会被解析为标签v-text指令无论内容是什么，只会解析为文本解析文本使用v-text，需要
Komorebi゛·2023-08-20 09:32

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