Vue入门

Vue入门

1.初始化vue第一步：给Vue准备一个容器：{{name}}{{age}}第二步：创建Vue实例：//不允许vue-devtools检查代码Vue.config.devtools=false//vue在启动时不显示生产提示Vue.config.productionTip=false//初始化一个Vue实例，在创建Vue实例时，需要给Vue传递一个配置选项，该配置选项是一个对象letvm=newV
绯泉·2024-02-14 22:46

Vue2基础

前端技术了解（了解）ES6常见语法（掌握）Vue入门（掌握）Vue表达式（掌握）Vue指令（掌握）计算属性与侦听器（了解）一、前端技术了解（了解）前端发展历史1.静态页面1990htmlcss2.异步刷新
Zyangxsir·2024-02-07 00:01

Vue入门---常用指令详解

Vue入门Vue是一个MVVM（Model/View/ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。
唐人不自醉·2024-02-06 12:29

node+vue文档

Vue基础-day01课程介绍NodeJS&npm（了解）ES6重要语法（掌握）Vue介绍（了解）Vue安装（掌握）MVVM架构详解（了解）Vue入门（掌握）Vue表达式（掌握）Vue指令(掌握)前端技术准备前端技术发展历史静态页面
程序僧·2024-02-04 14:43

vue入门之05-动态组件 & 插槽 & 自定义指令

动态组件&插槽&自定义指令1.动态组件1.1什么是动态组件动态组件指的是动态切换组件的显示与隐藏。1.2如何实现动态组件渲染vue提供了一个内置的组件，专门用来实现动态组件的渲染。示例代码如下：App.vueApp根组件展示Left展示RightimportLeftfrom'@/components/Left.vue'importRightfrom'@/components/Right.vue'e
Fairy Pavilion·2024-02-03 19:09

render函数的基本实现

在学习vue入门时，一直有一个疑惑如何把虚拟dom转换成真实dom的。现在猜想，假设虚拟dom长这样，表示要渲染的内容。
妙团团·2024-02-02 09:21

什么是Vue & Vue入门案例

一、什么是Vue概念：Vue(读音/vjuː/，类似于view)是一套构建用户界面的渐进式框架Vue2官网：Vue.js1.什么是构建用户界面基于数据渲染出用户可以看到的界面2.什么是渐进式所谓渐进式就是循序渐进，不一定非得把Vue中的所有API都学完才能开发Vue，可以学一点开发一点Vue的两种开发方式：Vue核心包开发场景：局部模块改造Vue核心包&Vue插件&工程化场景：整站开发3.什么是框
Maiko Star·2024-01-31 13:09

vue入门

1.生命周期我们先来看下图：image.png我们来解释一下上图的各个阶段：beforeCreate:vue实例进行基础初始化时created：实例初始化完成时beforeMount：模板与数据结合挂载到页面之前beforeUpdate:数据发生改变，但并未渲染之前updated:数据发生改变，并渲染之后mounted：页面挂载之后beforeDestroy：组件销毁之前destroyed：销毁组
zxhnext·2024-01-26 17:58

vue入门及简单命令

1.1Vue.js介绍1.1.1Vue.js是什么?Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用.1.1.2为什么使用Vue?声明式渲染:前后端分离是未来趋势渐进式框架:适用于各种业务需求简单易学:国人开发,中文文档,不存在语言障碍,易于理解和学习1.2Vue.js基础{{}}:差值表达式el:挂载点el的
灰灰..·2024-01-25 08:15

快速打通 Vue 3（五）：详解 Vue 中的路由

路由很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）：Vue
*Soo_Young*·2024-01-23 20:19

Vue入门教程

一、web应用开发Vue是一款优秀的web应用开发框架，使用它可以让我们开发web应用时候更加高效。在学习Vue之前需要先了解一下web应用开发。什么是web应用？当我们开发web应用时候，我们在写什么？从用户角度，web应用是一个可以提供用户交互并呈现信息的软件。用户在使用一个web应用的时候，可以通过点击、输入、滑动、语音等等与应用进行交互，控制应用。应用通过界面、音频方式给用户呈现信息，比如
刷题刷到手抽筋·2024-01-22 19:36

Vue的使用

1、概述https://cn.vuejs.org/vscode+Volar插件【2023最新版】Vue3从入门到精通，零基础小白也能听得懂黑马程序员前端Vue3小兔鲜电商项目实战vue入门教程（详细版）
pzs0221·2024-01-17 13:08

Vue入门六（前端路由的概念与原理｜Vue-router简单使用｜登录跳转案例｜scoped样式）

文章目录前要：前端路由的概念与原理1）什么是路由2）SPA与前端路由3）什么是前端路由4）前端路由的工作方式一、Vue-router简单使用1）什么是vue-router2)vue-router安装和配置的步骤①安装vue-router包②创建路由模块③导入并挂载路由模块④声明路由链接和占位符⑤声明路由的匹配规则3)vue-router简单使用二、登录跳转电影热点榜单案例1）注意事项一：axios
0Jchen·2024-01-13 02:21

快速打通 Vue 3（四）：标签的 ref 属性与 Vue3 生命周期

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）：Vue
*Soo_Young*·2024-01-12 14:16

vue入门，从启动项目开始，做完得物App的用户登录（前端！）

vue入门，做完一个简单的得物的应用创建工程添加路由路径别名静态页面的开发axios封装跳转详情页商品详情页的开发第一部分（数据的获取）第二部分（轮播图的制作）渲染SKU模块SKU动态功能他来了SKU模块的展示和隐藏选择产品的规格动态渲染尺寸
sebeefe·2024-01-12 12:33

Vue入门四（组件介绍与定义｜组件之间的通信｜动态组件｜slot插槽）

文章目录一、组件介绍与定义介绍定义1）全局组件2）局部组件二、组件之间的通信1）父组件向子组件传递数据2）子传父通信3）Ref属性（也可以实现组件间通信：子和父都可以实现通信）三、动态组件通过条件渲染和动态组件实现切换缓存组件四、slot插槽匿名插槽具名插槽一、组件介绍与定义介绍组件(Component)是Vue.js最强大的功能之一，它是html、css、js等的一个聚合体。封装性和隔离性非常强
0Jchen·2024-01-12 09:15

Vue入门五（Vue-CLI项目搭建｜vue项目目录介绍｜vue项目开发规范｜es6导入导出语法）

文章目录一、Vue-CLI项目搭建介绍node环境搭建1)下载与安装2）测试是否安装成功安装vue-cli安装vue脚手架创建Vue项目1）使用命令创建项目2）使用图形化界面创建项目二、vue项目目录介绍1.命令行运行vue项目2.Pycharm中运行项目3.目录结构三、vue项目开发规范四、es6导入导出语法1）默认导入导出2）命名导入导出一、Vue-CLI项目搭建介绍VueCLI是一个基于Vu
0Jchen·2024-01-12 09:13

Vue-Vue.js入门

Vue.js1.Vue入门1.1Vue定义1.2MVVM模式1.3案例2.基本使用2.1插值表达式：{{}}2.2标签体操作：v-text&v-html2.3循环语句:v-for2.4属性绑定--普通属性
一只楠喃·2024-01-10 09:01

Vue入门二（列表渲染｜数据的双向绑定｜事件处理）

文章目录一、列表渲染小案例补充es6对象写法v-for可以循环的类型补充js可循环类型key值的解释二、数据的双向绑定三、事件处理基本使用过滤案例补充箭头函数事件修饰符按键修饰符一、列表渲染小案例Document数据展开usernameageusertype{{user.username}}{{user.age}}超级管理员管理员普通用户varvm=newVue({el:'#div',data:{
0Jchen·2024-01-10 09:51

Vue入门三（表单控制｜购物车单选多选案例｜V-model进阶使用｜Vue生命周期｜与后端交互）

文章目录一、表单控制二、购物车案例三、V-model进阶四、Vue生命周期五、与后端交互Ajax一、表单控制Title单选BoysGirlsGays选择性别是：{{radio}}多选篮球足球台球擦边球选择的球类是：{{many}}varvm=newVue({el:'#first',data:{'radio':'',},})varvm1=newVue({el:'#two',data:{'many':
LoisMay·2024-01-10 09:20

Vue入门

第01天_Vue入门学习路线图:HBuilderX工具的使得->了解Vue工作原理->模板语法->组件化->vue-cli完整项目开发1.Vue介绍Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架
Pwsifeng·2024-01-10 09:20

Vue入门三（表单控制｜购物车案例｜v-model进阶｜与后端交互）

文章目录一、表单控制二、购物车案例三、v-model进阶四、与后端交互跨域问题解决，三种交互方法跨域问题详解1-CORS：后端代码控制，上面案例采用的方式1)方式一：后端添加请求头2)方式二：编写中间件3)方式三：第三方模块django-cors-headers2-Nginx反向代理（常用）3-JSONP：很老不会用了，它只能发get请求4-搭建Node代理服务器一、表单控制Document表单控
0Jchen·2024-01-10 09:47

vue入门到入土------指令篇

1.小胡子（大胡子）语法在Vue中，小胡子语法（也称为插值表达式）用于将数据绑定到模板中。它使用双大括号“{{}}”将表达式包裹起来，如下所示：{{message}}在这个例子中，"message"是Vue实例中的一个数据属性，它将被绑定到模板中的这个div元素中。你还可以在小胡子语法中使用JavaScript表达式，如下所示：{{message+'isawesome!'}}在这个例子中，我们将"
寻源千鹤·2024-01-08 04:14

Vue入门

一.安装vue-cli(第一次使用的时候进行安装)2.Npmi-gvue-cl3.Npmiwebpack-g4.Npmiwebpack-cli-g5.创建项目（Vuecreate项目的名字）6.如果出现这个就是vue-cli的版本和我们创建项目的版本不一致修改一下版本卸载原来的不符合使用的vue的版本并安装合适的版本7.一直按照如图所示操作安装完成8.安装axiosnpmiaxios二.路由1.定
yangyang丫·2024-01-08 01:35

Vue入门一（前端发展史｜Vue介绍｜Vue插值语法｜Vue指令｜style与class使用｜条件渲染）

文章目录一、前端的发展史二、Vue介绍和基本使用1)Vue介绍2)Vue特点3)M-V-VM思想1.MVVM介绍2.MVVM的特性3.MVVM逻辑4)组件化开发、单页面开发组件化开发单页面开发5)引入方式6)补充解释型的语言是需要解释器的nodejs：一门后端语言7)快速使用三、Vue之插值语法四、Vue指令系统之文本指令五、Vue指令系统之事件指令六、Vue指令系统之属性指令七、Style和Cl
0Jchen·2024-01-06 08:20

vue入门

准备开始vue基础内容，结合官方文档进行白话总结，此篇为vue的相关指令以及组件化等，下篇为路由，方便遗忘查看vue基础(1).历史介绍angular09年，年份较早react2013年,用户体验好vue2014年,用户体验好(2).前端框架与库的区别?jquery库->DOM(操作DOM)+请求art-template库->模板引擎框架=全方位功能齐全简易的DOM体验+发请求+模板引擎+路由功能
jcxe·2024-01-05 03:01

快速打通 Vue 3（二）：响应式对象基础

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）：Vue
*Soo_Young*·2024-01-03 17:38

快速打通 Vue 3（一）：基本介绍与组合式 API

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）：Vue
*Soo_Young*·2024-01-03 17:37

快速打通 Vue 3（三）：Vue3 中的 watch 监听器与新特性

很激动进入了Vue3的学习，作为一个已经上线了三年多的框架，很多项目都开始使用Vue3来编写了这一组文章主要聚焦于Vue3的新技术和新特性如果想要学习基础的Vue语法可以看我专栏中的其他博客Vue（一）：Vue
*Soo_Young*·2024-01-03 17:31

VUE基础之vue入门

Vue之-基本的代码结构和插值表达式、v-cloakVue指令之v-text和v-htmlVue指令之v-bind的三种用法直接使用指令v-bind使用简化指令:在绑定的时候，拼接绑定内容：:title="btnTitle+',这是追加的内容'"Vue指令之v-on和跑马灯效果HTML结构：{{info}}-->Vue实例：//创建Vue实例，得到ViewModelvarvm=newVue({el
小K强·2024-01-03 13:30

VSCode&Vue入门

目录一、前端开发工具二、ES6入门三、Vue一、介绍二、基本语法三、组件（重点）四、实例生命周期五、路由六、axios七、element-ui一、前端开发工具VSCode下载：https://code.visualstudio.com/配置1.中文界面配置首先安装中文插件：Chinese(Simplified)LanguagePackforVisualStudioCode右下角弹出是否重启vs，点
一默一语·2023-12-29 16:35

Vue入门(学习笔记)

文章目录一、前端核心分析1.1、概述1.2、前端三要素1.3、表现层（CSS）1.4、行为层（JavaScript）二、前端发展史2.1、UI框架2.2、JavaScript构建工具2.3、三端同一2.4、后端技术2.5、主流前端框架ICEVantUIAtUICubeUlFlutterlonicmpvueWeUI三、了解前后分离的演变史3.1、后端为主的MVC时代3.2、基于AJAX带来的SPA时
Azмat·2023-12-29 04:13

vue入门|ElementUI使用指南

vue入门|ElementUI使用指南1.开发前务必熟悉的文档：vue.js2.0中文,项目所使用的js框架vue-router,vue.js配套路由vuex状态管理ElementUI框架2.构建项目框架全局安装脚手架环境
a_Keri·2023-12-28 07:04

Vue入门--第二天

Vue的数据响应式代理和监听今天深入理解options.data使用的是完整版的Vue做演示先看一段代码constmyDate={n:0}console.log(myDate)constvm=newVue({data:myDate,template:`{{n}}+10`,methods:{add(){this.n+=10}}}).$mount("#app");setTimeout(()=>{myD
王大锤_code·2023-12-25 11:11

01AVue入门(持续学习中)

1.使用AVue开发简单的前端页面直接简单到起飞,他是ElementPlus+Vue+Vite开发的,不需要向元素的前端代码一样一个组件要传很多参数,他可以使用Json文本来控制我们要传入的数据结构来决定显示什么//我使用的比较新,我们也可以使用cdn直接使用script标签直接引入2.开发中遇到的坑,由于我的电脑有很多前端项目,版本冲突不断上演,所以需要使用nvm进行统一的node和npm版本管
默默努力的小老弟·2023-12-22 00:05

vue基础

VUE基础1.VUE2.vue基础2.1概述2.2声明式渲染和组件化2.2.1声明式渲染2.2.2组件化应用构建2.3开发模式3.vue入门3.1传统DOM与vue实现对比3.2vuedevtools工具安装
T_Donna·2023-12-17 00:54

VUE2-3

在实际开发中起到的作用第二天：VUE基础入门VUE的基本使用步骤VUE中常用指令VUE-devtools调试工具目标：能够使用VUE的指令完成页面结构的渲染能够使用VUE的调试工具辅助VUE的开发标题第三天VUE
皮皮岛。·2023-12-15 00:26

VUEJS实战教程第一章 构建基础并渲染出列表

VUEJS实战教程第一章,构建基础并渲染出列表2017年8月补充2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查，否则通不过校验。
大米就这样长成的·2023-12-06 11:50

千锋 Vue 详细笔记整理

前后端分离项目《锋迷商城》实战课-完结版进行整理的笔记可上gitee仓库自取千锋Vue笔记整理一、vue的简介1.1使用JQuery的复杂性问题1.2VUE简介1.2.1前端框架1.2.2MVVM二、vue
sail Jamie·2023-12-05 12:54

Vue入门——v-for指令

文章目录概要指令的用用法案例完整代码小结概要v-for指令是一个用于循环的指令，在vue里面十分常用，我们今天就来学习一下这个指令的用法指令的用用法作用：列表渲染，遍历容器的元素或者对象的属性语法：v-for="（item,index)initems"参数说明：-items为遍历的数组-item为遍历出来的元素-index为索引，从0开始；可以省略v-for="iteminitems"使用：-使用
无技术，不人生·2023-12-05 01:10

三、Vue入门-2（fetch、axios、计算属性）

（1）表单修饰符（2）fetch获取json文件中的数据，并显示到页面Document获取影片信息{{data.name}}varv=newVue({el:"#app",data:{datalist:[],},methods:{Click(){//获取test.json中的数据到res，并将数据赋值给datalist，便于在页面显示fetch("./json/test.json").then(re
C.&H.·2023-12-01 18:49

一周Springboot+Vue入门（1）-- 什么是Springboot

1、什么是Springboot回答这个问题，先看下面这段话：“为了在Java项目开发中提供一种更为简便的开发方式，来取代繁琐的项目搭建工作，Spring推出了Springboot项目。该项目可以让使用者更快速地搭建项目。系统配置、基础代码、项目依赖的jar包。只要在建立项目时，使用构建工具加入相应的Springboot依赖包，项目即可运行，无需关心版本兼容、部署war包等问题。”这段话可以这样理解
BGD10450173·2023-11-30 05:22

若依-vue入门

1.若依（若依-vue）1.1什么是若依？开源项目，学习开源项目的目标：1、用，减少自己的工作量2、学习优秀开源项目底层的编程思想，设计思路，提高自己的变成能力官网基础：SpringBoot+Vue环境要求：1、JDK1.8+2、MySql3、Redis4、Maven5、Vue1.2使用若依使用开源项目的步骤：1、下载并运行2、看懂业务流程3、进行二次开发下载：配置数据库MySql本地执行sql脚
张先生002·2023-11-30 03:03

vue 获取url地址的参数_Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建3.VisualStudioCode使用指南axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，网络请求框架。
weixin_39567046·2023-11-29 05:47

android 设置允许http请求_Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建3.VisualStudioCode使用指南axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，网络请求框架。
weixin_39539761·2023-11-29 05:16

vue入门2：webpack

运行npmrundev执行的是dev-server.jsvue-cli的webpack配置分析一,入门:1,全局安装webpack;npminstall-gwebpack;2,新建一个根文件夹存放项目,里面新建一个package.json文件,新建方法是:npminit,然后会有一系列选项,默认就好;3,cd到新建的根文件夹,安装webpack,npminstallwebpack--save-de
我爱吃肥肠·2023-11-26 01:49

vue入门 vue与react和Angular的关系和区别

官网：http://cn.vuejs.org/手册：http://cn.vuejs.org/v2/api/二、vue.js是什么Vue是一个"MVVM框架（库）"，和angular类似，相比angular小巧，比较容易上手Vue是一个构建用户界面点的渐进式框架，与其他重量级框架不同的是，vue采用自底向上增量开发的设计vue的核心库"只关注视图层"，并且"非常容易学习"，非常容易与其他库或者已有的
peiwang245·2023-11-25 10:15

前端vue入门(纯代码)19

不管何时何地，永远保持热爱，永远积极向上！！！【21.Vue中的插槽slot】父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。一个不带name的会带有隐含的名字name=“default”。问题：插槽（slot）是什么？兄弟们也可以点这里去看这位兄弟的博客，写的比我详细！！！【理解1】：插槽就是子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个
neneduck·2023-11-24 20:36

前端vue入门(纯代码)17

不管何时何地，永远保持热爱，永远积极向上！！！【19.尚硅谷GitHub案例】1.静态GitHub搜索案例的静态文件：index.htmlTitleSearchGithubUsers Searchxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxindex.css.album{min-height:50rem;/*Canberemoved;justaddedfordemopur
neneduck·2023-11-24 20:06

前端vue入门(纯代码)14

内容创作不易，各位帅哥美女，求个小小的赞！！！【15.给todoList案例添加编辑按钮】本篇内容在TodoList案例的基础上添加个编辑按钮，要求：（1）点击编辑按钮后，编辑事项，此时编辑按钮隐藏，输入框自动获取焦点（2）编辑完后当输入框失去焦点，保存编辑后的内容（1）TodoItem.vue文件中先添加一个编辑按钮和input框。{{todo.title}}删除编辑页面展示：（2）TodoIt
neneduck·2023-11-24 20:05
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他