Vue入门

Vue入门项目——WebApi

Vue入门——WebApivue3项目搭建组合式API响应式APIreactive()ref()生命周期钩子computed计算属性函数watch监听函数父子通信模板引用组合选项vue3项目搭建简单看下
一哑7·2023-07-25 21:30

vue入门（一）：项目搭建

前言我的JS水平比较一般，而且还是跨专业半路出家，因此学习是唯一出路。vue并不是我接触的第一个前端框架，之前学习过angular1.x，觉得不太容易，结果没多久2版本就推出了，一看文档：totallyrewrite。WTF？？？1还没学利索呢，2就重写了？从此抛弃angular。直到后来，公司需要做个管理后台系统，经过一番比较最终选择了vue，原因：angular已拉黑react里的jsx语法一
前端小酱·2023-07-25 04:50

Vue初步入门学习

Vue入门初体验01-helloVue.jsVue主要通过Vu
小枫学IT·2023-07-24 18:24

Vue入门指南：一步一步学习构建现代化的Web应用程序

介绍：在当今Web开发领域中，前端框架扮演着至关重要的角色。其中，Vue.js作为一款流行而灵活的JavaScript框架，已经赢得了广大开发者的青睐。本篇博客将指导您从零开始学习Vue，以帮助您构建出现代化的Web应用程序。1.安装Vue.js首先，要使用Vue.js，您需要将它安装到您的项目中。Vue提供了多种安装方式，其中包括直接引用CDN链接、通过npm包管理器进行安装以及使用Vue脚手架
醉心编码·2023-07-24 18:22

parcel+vue入门

一、parcel简单使用npminstall-Dparcel-bundlernpminit-y(-y表示yes，跳过项目初始化提问阶段，直接生成package.json文件。)Parcel可以使用任何类型的文件作为入口，但是最好还是使用HTML或JavaScript文件。如果在HTML中使用相对路径引入主要的JavaScript文件，Parcel也将会对它进行处理将其替换为相对于输出文件的URL地
qfstudy·2023-07-24 10:44

vue入门：使用mockjs搭建vue项目测试服务器

在以前的文档中，我们构建了vue项目的整体架构，详见vue入门：vue项目架构设计起步，现在我们主要对其中的mockserver进行完善。
dell_ling·2023-07-24 05:52

Vue系列第三篇：Vue入门实战

本节进入Vue入门实战。
hsy12342611·2023-07-22 15:41

mpvue框架

【最近更新】mpvue入门系列教程：如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程（六）使用mpvue开发小程序教程（五）使用mpvue开发小程序教程（四）使用mpvue
LLLLLLLLLLLLL刘·2023-07-20 22:59

vue入门 day02

当在文本框上按下回车键13再抬起时，自动调用vue中的search1.双向绑定:什么是单向绑定:只能将程序中的修改更新到页面中。但是无法将页面中的更改，更新回程序中。只能从Model->View不能从View->Model比如:{{}}v-text:等等都是单向绑定比如:......原理:当从Model->View绑定时:用变量的值和每个option的value做比较，按个相等，就选中哪一个当修改
cU4oral6·2023-07-20 13:39

vue入门笔记 day1

webpack属性配置javascript(参考webpack.config.js)constpath=require(‘path’)consthtmlWebpackPlugin=require('html-webpack-plugin');module.exports={entry:{//main是默认入口,也可以是多入口main:’./src/main.js’,},output:{//出口pa
12345ss·2023-07-20 03:21

Vue3+Vite+Pinia+Naive后台管理系统搭建之六：Axios 网络请求

Axios详情可移步官网参看：Axios官网1.安装依赖yarnaddaxios//ornpminstallaxios2..env环境配置对环境配置不了解的可移步：Vue入门系列：.env环境变量新建.
yqcoder·2023-07-19 22:18

JavaWeb（6）——前端工程化（AJAX 和VUE入门）

Axios官网是：起步|Axios中文文档|Axios中文网(axios-http.cn)但是还有简化的形式：（这种简化的形式使用较多）欢迎使用-AJAX-数据管理平台(apifox.com)二、vue
白白白鲤鱼·2023-07-17 09:11

vue入门----cmd命令

一、cmd是什么cmd命令是一种命令提示符，cmd是command的缩写，即命令提示符（cmd）二、cmd使用方法1.进入cmdwin+r打开运行窗口输入cmd即可进入cmd控制台2.cmd目录代表符号/代表根目录./当前目录../上一层目录三、cmd常用命令1.cd命令cd目录名称切换到对应目录2.查看目录dir--->可查看当前目录的内容3.创建目录mdweb2202创建一个名为web2202
yookooi·2023-07-17 06:16

前端vue入门(纯代码)26_多级路由

如果耐不住寂寞，你就看不到繁华。【24.VueRouter--多级路由】[可以去官网看看VueRouter文档](嵌套路由|VueRouter(vuejs.org))在实际开发中，我们不单单会使用到一层路由，有时候会涉及到两层或两层以上的路由，多级路由又称嵌套路由，其实理解起来和一级路由是一个道理，只不过发生了嵌套多级路由在src/router/index.js中【三级路由】的配置如下：//该页面
neneduck·2023-07-15 08:27

微服务和VUE入门教程(23): 微服务之间的调用

微服务和VUE入门教程(23):微服务之间的调用微服务和VUE入门教程(0):着手搭建项目微服务和VUE入门教程(1):搭建前端登录界面微服务和VUE入门教程(2):注册中心微服务和VUE入门教程(3)
hdubigben·2023-07-15 01:01

微服务和VUE入门教程(1): 搭建前端登录界面

微服务和VUE入门教程(1)搭建前端登录界面微服务和VUE入门教程(0):着手搭建项目微服务和VUE入门教程(1):搭建前端登录界面微服务和VUE入门教程(2):注册中心微服务和VUE入门教程(3):user
hdubigben·2023-07-15 01:31

Vue_00001

contentsVue核心介绍初始Vue入门程序模版语法数据绑定el与data的两种写法MVVM模型数据代理事件处理事件的基本使用事件修饰符键盘事件计算属性监视属性Vue核心介绍官网地址：https:/
wisdom_a·2023-07-14 19:20

【半小时入门vue】最容易理解的vue入门方式

半小时入门vue前言（！important）学习vue的前提什么是vue？vue的引入方式实例化一个对象和创建一个对象实例化一个vue对象模板语法1.插值表达式2.v-text和v-html指令3.v-bind指令4.v-on指令5.v-model指令6.v-if和v-show指令7.v-for指令前言（！important）如果你是想入门vue，那么本篇博客非常适合你。你尽管可以去菜鸟教程，可以
小猫娃来啦·2023-07-14 17:24

尚硅谷03：前端开发之ES | Vue_es6 Axios Node Npm

目录内容介绍统一异常处理统一日志处理前端介绍、工具使用ES6入门Vue入门Vue语法Vue语法高级内容介绍1、统一异常处理2、统一日志处理（了解）3、前端介绍4、ES65、VUE入门、基本语法6、VUE
一个不秃头的 程序员·2023-07-13 22:58

前端vue入门(纯代码)13

【13.Vue的消息订阅与发布】备注：全局事件总线用的更多些，消息订阅与发布只需了解即可。【注意点1】：由于“消息订阅与发布”可依赖的第三方库太多了，这里使用pubsub-js问题：“全局事件总线”和“消息订阅与发布”都可以实现任意组件间通信，那用哪个好？答案：推荐使用“全局事件总线”，因为它是vue提供的，完全使用的vue技术，而“消息订阅与发布”则是第三方。消息订阅与发布的作用：一种组件间通信
neneduck·2023-06-24 08:22

写给前端初学者的Vue入门教程

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

Web核心技术前端框架VUE入门

1，VUE1.1概述Vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写。我们之前也学习过后端的框架Mybatis，Mybatis是用来简化jdbc代码编写的；而VUE是前端的框架，是用来简化JavaScript代码编写的。前一天我们做了一个综合性的案例，里面进行了大量的DOM操作，如下学习了VUE后，这部分代码我们就不需要再写了。那么VUE是如何简化DOM书写呢？==基于M
Code攻城狮·2023-06-24 07:52

前端vue入门(纯代码)12

【12.TodoList-全局事件总线】TodoList案例的完整代码点链接TodoList案例中的孙子组件TodoItem给爷爷组件App传递数据：借用全局事件总线。main.js文件中需要修改的代码定义全局事件总线$bus//创建vmnewVue({el:'#app',render:h=>h(App),//生命周期钩子beforeCreate中模板未解析，且this是vmbeforeCreat
neneduck·2023-06-24 07:51

【Java-SpringBoot+Vue+MySql】Day4-VUE框架使用

目录一、VUE入门1、环境准备2、预备知识3、实战演练（1）创建项目目录（2）使用VScode打开文件（3）新建html文件（4）实例1-基本用法练习四步走-小结step1：引入vuestep2：声明控制区
代码骑士·2023-06-23 07:29

VUE 2X 前置配置及使用 ①

目录文章有误请指正，如果觉得对你有用，请点三连一波，蟹蟹支持✨VuejsVuejsVuejsVueVueVue前置配置初识VueVueVue入门效果总结文章有误请指正，如果觉得对你有用，请点三连一波，蟹蟹支持
SYFStrive·2023-06-22 23:16

nodeJS入门（三）之MVC项目架构

其实，之前学习vue的时候也提到过，看过我的博客vue入门系列的应该知道！1.1、mvc介绍C：controller，控制器。（控制的就是某个功能的业务流程）ro
发臭的 靈魂·2023-06-22 22:12

前端vue入门(纯代码)11

【11.全局事件总线(GlobalEventBus)】全局事件总线：实现任意组件间通信【原理图】结合上图，假若C组件想要传递数据给A组件，那么，就通过全局事件总线在A组件中绑定【$on】一个自定义事件demo，并界定一个参数来接收传递的数据，同样在C组件中，就需要通过全局事件总线对自定义事件demo进行触发【$emit】，并传递参数,这样就实现了任意组件之间的通信。简单理解，全局事件总线其实就是一
neneduck·2023-06-21 23:18

前端vue入门(纯代码)10

【10.TodoList-自定义事件】TodoList案例的完整代码请点击此处粉色文字TodoList案例中的子组件TodoHeader给父组件App传递数据App.vue文件中需要修改的代码原本：Todo案例中子给父传递数据【通信】的方法：props修改后：子给父传递数据【通信】的方法:利用自定事件【addTodo,checkAllTodo,clearAllTodo】去通信TodoHeader.
neneduck·2023-06-20 22:57

前端vue入门(纯代码)09

【09.vue中组件的自定义事件】自定义组件链接在vue中用的click【点击】、keyup【按键】……等事件，这些属于内置事件，也就是js自带的事件。问题一：什么是组件自定义事件呢？【内置事件】:是给html元素用的，比如span、div等标签，不是组件。【自定义事件】：顾名思义就是自己打造的事件，包含事件名，事件回调函数等，定义好之后去给组件使用。也是一种组件间的通信方式，适用于子组件==>父
neneduck·2023-06-20 03:41

前端vue入门(纯代码)09

【09.vue中组件的自定义事件】自定义组件链接在vue中用的click【点击】、keyup【按键】……等事件，这些属于内置事件，也就是js自带的事件。问题一：什么是组件自定义事件呢？【内置事件】:是给html元素用的，比如span、div等标签，不是组件。【自定义事件】：顾名思义就是自己打造的事件，包含事件名，事件回调函数等，定义好之后去给组件使用。也是一种组件间的通信方式，适用于子组件==>父
neneduck·2023-06-18 16:09

vue入门系列之绑定class和style

绑定class和stylevue中绑定class和style，其实就是用v-bind指令但是针对class和style，vue做了增强，在这两个特性使用v-bind的时候可以表达式的结果，除了字符串，还可以是对象和数组。具体看以下例子class例子模版js数据data:{isActive:true,hasError:false,classObject:{active:true,'text-dang
Byhua·2023-06-18 11:55

Vue介绍与入门（一）

二、vue入门1.引入vue.js2.编写入门的简易代码（实践）三、vue学习总结（重点）前言前端开发三大框架1、Vue：尤雨溪主导开发2、React：脸书（Facebook）主导开发3、Angular
逸佳6·2023-06-16 19:03

前端vue入门(纯代码)07

【07.TodoList案例】1拆分组件一共拆分为4个组件：【因为header和HTML内置的标签重名，故在之前都加了Todo】TodoHeaderTodoItem【item是list的子组件】TodoListTodoFooter2组件化编码流程实现静态组件：抽取组件，只考虑结构和样式，先拆结构再拆样式。整个TodoList案例的页面结构【html】和样式设置【style】：TodoList.ht
neneduck·2023-06-16 07:21

前端vue入门(纯代码)08

【08.webStorage--本地存储】(1).什么是localStorage和sessionStorage？它们都是浏览器的一种本地存储数据的方式它们只是存在本地，即浏览器中，不会发送到服务器它们的区别：localStorage：永久存在浏览器中【不管是否关闭浏览器】，除非手动删除sessionStorage：当浏览器被关闭时，自动消失，存储的数据被清空【localStorage】1.特点：存
neneduck·2023-06-16 07:21

前端vue入门(纯代码)08

【08.webStorage--本地存储】(1).什么是localStorage和sessionStorage？它们都是浏览器的一种本地存储数据的方式它们只是存在本地，即浏览器中，不会发送到服务器它们的区别：localStorage：永久存在浏览器中【不管是否关闭浏览器】，除非手动删除sessionStorage：当浏览器被关闭时，自动消失，存储的数据被清空【localStorage】1.特点：存
neneduck·2023-06-16 07:18

Vue基础入门

目录一、Vue简介1.1MVVM二、Vue入门2.1在页面引入vue的js文件2.2在页面中绑定vue元素2.3创建vue对象，设计对象的内容2.4在页面的元素中使用插值表达式来使用vue对象中的内容插值表达式的作用是在
阿西巴&阿力鸡·2023-06-14 07:22

vue入门

vue特点1.响应式-双向绑定使得用几句命令实现HTML与js的互相响应2、组件化-模块化将各个网页需要的共同部分组成一部分，需要时调用组件从而实现组件化模块化3、单文件组件js-css-HTML在一个文件中，能够限定css语句的作用于，并能在一个文件中同时编辑他们。vue实例对象构造函数，构造参数，参数选项构成构造参数el：规定vue对象装载在HTML页面的位置template：在HTML中使用
hsj_gg·2023-06-13 01:51

前端vue入门(纯代码)05

【02.ref属性】ref属性被用来给元素或子组件注册引用信息（id的替代者）应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc）使用方式：打标识：.....或获取：``this.$refs.xxxmain.jsimportVuefrom'vue'importAppfrom'./App.vue'Vue.config.productionTip=falsenewVue(
neneduck·2023-06-12 10:22

前端vue入门(纯代码)04---全网最详细的Vue脚手架入门

01.脚手架前期准备知识点以及分析脚手架【【注意：必须在管理员下运行终端，cmd】】然后再去创建vue项目和运行该项目在VScode中打开终端窗口的快捷键命令：Ctrl+~【Esc下面的按键】停止在VScode终端开的服务器的快捷键命令：Ctrl+C或Ctrl+shift+C【以管理员的方式运行】VueCLI叫做脚手架。CLI：Command-LineInterface，翻译为命令行接口工具，俗称
neneduck·2023-06-12 10:52

前端vue入门(纯代码)05 -文件不能修改

错误记录：发现VScode无法修改文件名：想修改srccopy文件夹，却无法修改。在终端命令行输入cd..将当前路径退回到最外层文件夹，也就是使用vscode打开文件夹时的文件夹路径3.发现依旧不能修改，然后去下面路径下去修改，发现还是不能修改。最后
neneduck·2023-06-12 10:52

前端vue入门(纯代码)06

【04.mixin混入】功能：可以把多个组件共用的配置提取成一个混入对象使用方式：第一步：定义混合并暴露。exportconstmixin={data(){....},methods:{....}....}第二步：导入mixin.js【混入】文件，并使用混入。全局导入：【import{hunhe,hunhe1}from'./mixin'】全局混入：Vue.mixin(xxx)局部导入：【impor
neneduck·2023-06-12 10:20

前端小记——Vue3

目录Vue介绍Vue安装使用Vue入门案列插值表达式Vue指令v-testv-htmlv-bindv-onv-modelv-cloakv-showv-ifv-elsev-else-ifv-for计算属性计算属性完整写法属性侦听
Jmh-Ethereal·2023-06-11 16:48

Vue入门（七）之数据交互

数据交互一、项目环境（脚手架）1.1、单文件组件1.2、脚手架（vue-cli）环境搭建1.3、单页面应用（SPA）1.3.1、单页面应用优缺点二、mock数据2.1、安装json-server三、数据交互3.1、fetch（用的较少）3.2、axios（用的较多）3.2.1、get方式3.2.2、post方式3.3、处理并发3.4、全局配置3.5、拦截器3.5.1、请求拦截器3.5.2、响应拦截
发臭的 靈魂·2023-06-09 17:55

VUE入门

VUE入门安装Vue相关名词介绍npm:Node.js下的包管理器。webpack:它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。
ZiMoXuan_·2023-04-20 17:52

网站搭建入门VUE+Django+Mysql-23.3.16

JavaScriptVue&Django语速慢，19年的视频，但是讲的不错Djangoweb后端开发Vue语法什么的看过就忘了，建议直接装ElementPlus然后现学Vue语法，详见我的笔记-VueVue
ZiMoXuan_·2023-04-20 17:21

vue入门级后台管理，带后端接口的（带预览地址）

菜单预览图：模板特点：使用了vue+node+mysql。对于新接触vue和node码友特别友好。拥有（现成）独立权限管理（动态路由）。可自定义主题功能。带菜单管理、菜单权限角色管理、角色权限灵活、容易上手。千万别错过！再贴两张预览图（更多预览点击下面在线预览）源码/预览入口1、在线预览地址：http://vuenode.yknba.cn/#/dashboard2、GitHub：https://g
·2023-04-18 22:31

vue入门：使用vue-cli新建vue项目

初次接触前端框架，做为前端小白，坚持学习，提升自我，才是正道。现在流行的前端框架很多，vue相对于来说较为简单，更容易上手。现在将自己一步步学习过程进行记录，便于以后查阅，也作为积累，同大家分享。一、安装node.js1、在官网中安装nodejs最新版本。地址：https://nodejs.org/en/download/，根据自己环境，进行下载安装。2、安装完成后，进行nodejs版本及npm版
dell_ling·2023-04-18 06:21

vue入门基础

1.安装git，通过npminstallvue下载vue插件$npminstallvue2.通过script导入vue.js插件3.然后再通过另一个script新建一个用来编写vue.js的区域newVue({el:'.demo',data:{demo1:'前端1班',arr:[1,2,3,4],obj:{name:"大伟",age:"25",hobby:"足球"},arrs:[{name:"小红
习惯h·2023-04-18 03:23

Vue学习-Vue入门

Vue学习一、Vue入门1、引入VueVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
人道逍遥·2023-04-15 08:50

Vue入门

目录1，什么Vue？2，MVVM架构3，Vue的基本用法1，什么Vue？Vue是一个渐进式的JavaScript框架，目的就是简化前端开发，将后端数据快速展现到浏览器页面上。渐进式的渐：自底向上开发；进：使用各种插件库进行开发。其特点如下：组件化即封装，将所有HTML、CSS、JS交互脚本封装在一个容器当中命令式Vue底层已经将一些命令式语法进行封装，使用命令式语法快速编写代码，不用写原生Java
谦虚且进步·2023-04-15 07:13
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他