Vue基础

深入与浅谈 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

Vue基础day03计算属性_ref_生命周期2_iscroll_动画

一.核心内容*任务1计算成绩如图，根据三门学科输入的成绩，自动显示总分和平均分计算成绩代码实现学科成绩数学英语化学总分{{Math+English+Chemistry}}平均分{{(Math+English+Chemistry)/3}}letvm=newVue({el:'#app',data:{Math:100,English:100,Chemistry:100,}});问题：一旦修改，会出现字符
前端老邹_伯通·2023-06-14 09:34

Vue基础入门

目录一、Vue简介1.1MVVM二、Vue入门2.1在页面引入vue的js文件2.2在页面中绑定vue元素2.3创建vue对象，设计对象的内容2.4在页面的元素中使用插值表达式来使用vue对象中的内容插值表达式的作用是在View中获得Model中的内容2.5Vue的循环v-for2.5.1带着索引的for2.5.2遍历一个对象中的信息：v、k、i2.5.3遍历一个对象数组：嵌套的for循环一、Vu
阿西巴&阿力鸡·2023-06-14 07:22

vue基础-路由设置及原理

介绍vue的路由原理路由是按照层级结构进行定义，分段定义就想树形结构一样，有多少个叶子结点，就有多少个路由每段路由都需要绑定一个组件如果组件需要有下一层的路由，该组件就需要添加一个就像一个未知的组件（也像一个变量，可以填充不同的组件），这个组件是在路由里面动态填充替代匹配到那个一个路由，就使用那个一个路由所绑定到的组件进行替代假如有下面一个路由定义：routes:[{path:'partA',co
灵秋公子·2023-06-14 00:23

Vue核心知识总结（超级经典，实时更新）

喜欢的小伙伴点赞收藏哦1、Vue基础入门1.1、脚手架环境安装Vue1.2、创建Vue项目1.3、精简项目代码2、Vue的核心概念2.1、指令2.1.1、文本指令2.1.2、流程控制2.1.3、显示与隐藏
YaaLee_·2023-06-13 20:11

Vue——May（1）

VUE一、vue基础1.1引用1.2基础应用1.3模板语法1.4数据处理1.5el与.
自适362·2023-06-13 17:22

Vue基础第三篇

一、表单控制1checkebox:-单选-多选2radio-单选示例：Titlecheckbox单选用户名:-->密码:-->记住密码:-->-->checkbox多选用户名:-->密码:-->记住密码:-->爱好：-->篮球：-->足球：-->乒乓球：-->-->radio单选用户名:密码:记住密码:爱好：篮球：足球：乒乓球：性别：男：女：保密：用户名：{{username}}--–
辉辉辉辉辉辉辉辉辉辉辉·2023-06-13 14:45

vue基础入门

1.工具VSCodeVSCode安装教程（超详细）Node.js使前端开发发生改变，Node.js可以做服务器程序，nodeindex.js启动服务。会自动安装npm。npmnpm（NodePackageManager）是Node.js的包管理工具，用来安装各种Node.js的扩展。npm是JavaScript的包管理工具，也是世界上最大的软件注册表。相当于后端开发的maven。npm常见指令：/
不会叫的狼·2023-06-12 20:04

vue基础学习-组件

vue//全局组件Vue.component('my-component',{template:'111'})//局部注册需要通过使用组件实例选项components注册varChild={template:`Acustomcomponent!---{{count}}`,//一个组件的data选项必须是一个函数//但是我们为每一个组件返回了同一个对象引用//data:{//counter:0//}
不会叫的狼·2023-06-12 20:04

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

AI是未来最好的老师最近，我正在准备一份关于Vue基础的学习材料。期间我突发奇想：能否利用现在热门的ChatGPT帮我创建学习内容？
阳光倾洒·2023-06-12 14:12

vue基础入门

1.vue简介1.1什么是vue官方概念：Vue（读音/vju:/，类似于view）是一套用于构建用户界面的前端框架1.2vue的特性vue框架的特性，主要体现在如下两方面：①数据驱动视图②双向数据绑定数据驱动视图在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面的结构。示意图如下：好处：当页面数据发生变化时，页面会自动重新渲染！注意：数据驱动视图是单向的数据绑定。双向数据绑定在
虾小眠0526·2023-06-12 02:17

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

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

Vue开发 基础入门教程

一、Vue开发基础入门教程1.Vue概念、历史、发展和Vue简介2.Vue开发环境搭建、运行、调试3.VueCLI开发模式原理4.Vue生命周期，代码结构，代码风格5.Vue基础语法、计算属性，监听器6
天马3798·2023-06-10 19:32

vue基础问题

importHelloWorldfrom'@/components/HelloWorld'中的@是什么意思默认从src下面的目录开始查找模块resolve:{alias:{'@':resolve("src")}}因为在webpack.base.config中做了resolve.alias配置，为src目录下的文件创建了别名“@”，以便import或者require指定的module时更容易，所以"
5b5072cc2c5b·2023-06-10 15:45

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

最近，我正在准备一份关于Vue基础的学习材料。期间我突发奇想：能否利用现在热门的ChatGPT帮我创建学习内容？其实Vue本身不难学，特别是基础用法，但是，如果你想
Kagol·2023-06-10 10:00

Vue.js基础知识点总结

Vue基础总结邂逅Vuejs1.认识VuejsVue是一个渐进式框架,什么是渐进式的呢?
风不识途·2023-06-10 06:46

Vue基础第六篇

一、Vue项目解析1为什么浏览器中访问某个地址，会显示某个页面组件根组件：App.vue必须是配置路由router----》index.js---》constroutes=[{path:'/lqz',name:'lqz',component:Lqz#组件，需要导入},]放心大胆的写页面组件-src---->views文件夹2在页面组件中使用小组件-1写一个小组件，我们写了个Child.vue-2在
辉辉辉辉辉辉辉辉辉辉辉·2023-06-10 04:25

Vue基础第七篇

一、vuex的使用1.概念在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。2.何时使用？多个组件需要共享数据时3.搭建vuex环境创建文件：src/store/index.js//引入Vue核心库importVuefrom'vue'//引入VueximportVuexfrom'vue
辉辉辉辉辉辉辉辉辉辉辉·2023-06-10 04:23

Vue基础使用

目录模板语法传值插值语法指令系统之文本指令指令系统之事件指令指令系统之属性指令Style和Class条件渲染列表渲染v-if+v-for+v-else控制购物车商品的显示v-for遍历数组(列表)、对象(字典)、数字key值的解释数组的检测与更新双向数据绑定事件处理过滤案例补充：事件修饰符按键修饰符keycode对应表表单控制checkbox多选，radio单选购物车结算购物车数量增减以及全选全不
Yietong309·2023-06-09 21:10

【前端】前后端分离ruoyi-vue初步学习

1.了解vue基础知识。Vue.js-渐进式JavaScript框架|Vue.js(vuejs.org)2.将ruoyi-vue项目拉下来，并成功运行。
钥钥睡着了·2023-06-09 20:54

Vue基础

1.Vue简介1.1什么是Vue官方概念：Vue是一套用于构建用户界面的前端框架1.2Vue的特性（两个核心）数据驱动视图在使用了vue的页面中，vue会监听数据的变化，从而自动重新渲染页面结构。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-praodxFJ-1652883437021)(C:\Users\肖锦顺\AppData\Roaming\Typora\typ
Champion.XL·2023-06-09 05:41

VUE基础知识笔记

VUEvue双向绑定与事件处理（模型跟视图）双向绑定v-model：视图中的数据发生改变，模型中的数据亦会发生改变，相反也是事件处理v-on：click通过点击触发事件文档标题这个人的名字是{{name}}这个人有{{num}}个女朋友vartest=newVue({el:"#test",data:{name:"徐伟康",num:1}});vue实例生命周期跟钩子函数钩子函数：在创建vue实例的时
暮光倾城~·2023-06-09 00:50

Vue基础第四篇

一、计算属性计算属性是基于它们的依赖进行缓存的计算属性只有在它的相关依赖发生改变时才会重新求值计算属性就像Python中的property，可以把方法/函数伪装成属性1.通过计算属性实现名字首字母大写首字母大写模板插值：{{myText.substring(0,1).toUpperCase()+myText.substring(1)}}普通方法：{{getNameMethod()}}计算属性：{{
辉辉辉辉辉辉辉辉辉辉辉·2023-06-08 10:17

Vue基础第五篇

一、动态组件1.基本使用动态组件首页订单商品letvm=newVue({el:'#box',data:{who:'child1'},components:{child1:{template:`我是首页`,},child2:{template:`我是订单`,},child3:{template:`我是商品`,}}})2.keep-alive的使用keep-alive可以让输入框内有的内容一致保持，不
辉辉辉辉辉辉辉辉辉辉辉·2023-06-08 10:04

Vue基础入门（下）

nvm安装node.jsnvm文档手册-nvm是一个nodejs版本管理工具-nvm中文网(uihtm.com)mixin混入（局部使用）定义mixin对象//mixin混入constmymixin={data(){return{number:2,count:1}},created(){console.log('mymixincreated');},methods:{handleClick(){c
bubbleJessica·2023-06-08 09:18

Vue基础学习

第一章vue01-初体验原生js，jquey：编程范式：命令式编程；vue：编程范式：声明式编程还有一种编程范式：面向对象编程（第一公民：对象）/函数式编程（第一公民：函数）{{message}}varvm=newVue({el:'#app',//用于管理要挂载的元素data:{//定义数据message:'hello'}});vue02-列表展示{{item}}varvm=newVue({el:
李牧九丶·2023-06-07 23:40

vue整合uniapp_【重跳坑指南】使用uniapp中的nvue结合weex开发APP

写在前面本文需要一定的uniapp基础和必备的vue基础在之前的开发中，并没有使用到nvue这个基于原
王利芬·2023-06-07 02:10

第12讲：ElementUI+Vue路由综合案例

本博文主要呈现一个NPM脚手架+Vue路由+ElementUI的综合案例，完成本案例需要有一定的Vue基础，请参考以下文章完成项目的构建第08讲：使用脚手架创建vue项目第09讲：路由开发第10讲：vue
大坏蛋^_^·2023-04-21 15:09

Vue基础：使用Vue.extend()实现自定义确认框

问题背景前端交互中经常使用确认框。在删除、修改等操作时，调用后端接口之前，先跳出弹框显示提示信息，提示用户确认，避免用户误操作。项目中全局引入了Element，提供了一套模态对话框组件，用于消息提示、确认消息、提交内容，使用起来也非常简便。（什么是“模态”？可将其理解为：特定条件触发之后产生的）以下来自于element官网文档：如果你完整引入了Element，它会为Vue.prototype添加如
Ygria·2023-04-21 03:37

Vue子组件与父组件(看了就会)

最近这几天一直看Vue视频，看的黑马的视频，讲的特别杂，既有Vue基础知识，Webpack，VueUi框架…等等吧，很乱，学起来也特别费力，而且我还不知道，在视频后面的API也过期了（去了官方才知道），
程序员海军·2023-04-20 18:26

Vue基础-快速入门

一、Vue简介Vue.js是一个用于创建Web交互界面的库。它让你通过简单而灵活的API创建由数据驱动的UI组件。Vue.js是一款轻量级的、以数据驱动构建web界面的前端JS框架，它在架构设计上采用了MVVM（Model-View-ViewModel）模式，其中ViewModel是Vue.js的核心，它是一个Vue的实例，而这个实例又作用域页面上的某个HTML元素。其核心在于通过数据驱动界面的更
雪妮爸爸·2023-04-20 01:12

vue基础知识

1、特点1.采用组件化模式，提高代码复用率、且让代码更好维护。2.声明式编码，让编码人员无需直接操作DOM，提高开发效率命令式编码3.使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点。2、hellovuevue的引入就是写在引入css的地方就行了例如：Document在这里引入注意：1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象newVue;2.root容器里的代码依然符
lxl211·2023-04-19 16:31

Vue基础知识

基本知识点：v-bind缩写.........v-on缩写.........1:arr.reduce(callback,[initialValue]):reduce为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用reduce的数组。1.vararr=[1,2,3,4];2.varsum=arr
醉舞经阁半卷书A·2023-04-19 15:27

java程序员学前端-Vue2篇

Vue21.Vue基础1)环境准备安装脚手架npminstall-g@vue/cli-g参数表示全局安装，这样在任意目录都可以使用vue脚本创建项目创建项目vueui使用图形向导来创建vue项目，如下图
爪蛙毁一生·2023-04-17 20:41

vue.js 学习笔记

vue学习官网初步学习1、vue基础1.1vue简介1.2第一个vue程序1.3el挂载点1.4data：数据对象2、Vue指令2.1v-text指令2.2v-html指令2.3v-on指令基础2.4v-show
sunshine~~~·2023-04-17 18:20

.net core开源项目记录

二、ZRadmin概述本项目适合有一定NetCore和vue基础的开发人员基于.NET5/.NET7实现的通用权限管理
人生三醒七分醉·2023-04-17 14:14
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他