vue入门

Vue学习笔记------Vue入门（一）

Vue是什么Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的特点遵循MVVM模式编码简洁,体积小,运行效率高,适合移动/PC端开发它本身只关注UI,也可以引入其它第三方库开发项目起步创建一个html文件，引入vue.js想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象root容器里的代码依然符合html规范，只不过混入了一
神秘的帅哥·2023-08-08 08:26

DAY16_VUE基本用法详细版

目录0HBuilderX修改注释0HBuilderX修改.VUE中的注释颜色1Vue入门1.1什么是Vue1.2Vue优点1.3Vue案例1.3.1入门案例1.3.2v-cloak属性1.3.3.1v-text
Mr_sun.·2023-08-08 00:31

前端Vue入门-day08-vant组件库

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录vant组件库安装导入全部导入按需导入浏览器配饰Viewport布局Rem布局适配vant组件库目标：认识第三方Vue组件库vant-ui组件库：第三方封装好了很多很多的组件，整合到一起就是一个组件库。https://vant-contrib.gitee.io/vant/v2/#/zh-CN/安装通过np
小周不摆烂·2023-08-03 17:39

前端Vue入门-day07-Vuex入门

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录自定义创建项目vuex概述构建vuex[多组件数据共享]环境创建一个空仓库state状态1.提供数据：2.使用数据：mutations辅助函数-mapMutationsactions辅助函数-mapActionsGetter模块module(进阶语法)访问语法-state访问语法-getters访问语法-
小周不摆烂·2023-08-03 17:08

前端Vue入门-day05-自定义指令、插槽、路由入门

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录自定义指令基本语法(全局&局部注册)全局注册局部注册指令的值v-loading指令封装插槽默认插槽后备内容（默认值）具名插槽作用域插槽路由入门单页应用程序:SPA-SinglePageApplication路由的介绍路由的基本使用VueRouter的介绍VueRouter的使用(5+2)5个基础步骤(固定
小周不摆烂·2023-08-01 23:00

前端Vue入门-day06-路由进阶

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录路由的封装抽离声明式导航导航链接两个类名自定义高亮类名跳转传参1.查询参数传参2.动态路由传参两种传参方式的区别Vue路由重定向404编程式导航基本跳转路由传参①path路径跳转传参②name命名路由跳转传参路由的封装抽离问题：所有的路由配置都堆在main.js中合适么？目标：将路由模块抽离出来。好处：拆
小周不摆烂·2023-08-01 23:25

【前端全栈】1.从入门到工作

2020年大热的前端技术：Vue3/TS/Flutter1、分阶段：先导（JS入门、Vue入门等）入门阶段（git、HTTP、HTML5、CSS3）核心阶段（JS、算法与数据结构、Node.js、前后端分离
飞菲fly·2023-08-01 20:57

vue入门实战教程 - 用vue高仿饿了吗APP

滴滴出行的一位哥们录制的视频，收费的，价格198元，我这里不是打广告，我不认识他。不过对于vue的入门还是不错的，使用的是vue1.0框架，虽然现在已经是vue2.0,不过2.0基本上只是多了virtual-DOM，Templates||JSX||Hyperscript，流式服务端渲染及一些性能优化，并且管方也有详细的1.0到2.0的迁移教程，懂1.0了，2.0也不用怎么去学习了。这套教程我也花了
NotBad_1·2023-08-01 16:09

Vue入门 - 环境搭建&Vue项目创建

Vue起步：从零开始搭建一个完整的Vue项目一、安装Node环境1、下载Node.js安装包并安装2、环境变量的配置二、搭建vue项目环境一、安装Node环境1、下载Node.js安装包并安装官网下载地址：http://nodejs.cn/download/，根据自己电脑选择32位还是64位进入命令提示符窗口（在键盘按下【win+R】键，输入cmd，然后回车），分别输入以下命令，显示版本号，则安装
什么时候才能为富不仁·2023-07-30 11:55

Vue入门

1.Vue概述MVVM模式通过视图与模型的双向绑定简化前端操作，渐进式框架2.搭建工程vue前端框架，是一个js文件；下载js文件并在页面中引用vue.js下载方式：引用在线vue.js离线下载vue.jsnpm包资源管理器，可以下载vue.jsTitle-->{{name}}程序员点击数量为{{num}}varapp=newVue({el:"#app",data:{name:"Java",num
zcd_2020·2023-07-28 21:37

前端Vue入门-day04-用vue实现组件通信

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录组件的三大组成部分注意点说明组件的样式冲突scopeddata是一个函数组件通信什么是组件通信不同的组件关系和组件通信方案分类父子通信流程图：父→子子→父什么是propprops校验prop&data、单向数据流进阶语法v-model原理表单类组件封装&v-model简化代码.sync修饰符ref和$re
小周不摆烂·2023-07-28 21:35

Day42——Vue学习笔记

Vue入门文章目录Vue入门NodeJS学习VueV-bind条件与循环V-ifV-for双向绑定事件：v-on(@)路由axios实战Vue.js学习地址补充webpack的学习它为前端框架前端化工程开发工具
fenglgC·2023-07-28 00:44

前端Vue入门-day03-用Vue实现工程化、组件化开发

(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录生命周期Vue生命周期和生命周期的四个阶段Vue生命周期函数（钩子函数）案例-create的应用编辑案例-mounted的应用工程化开发&脚手架VueCLI开发Vue的两种方式基本介绍错误解析脚手架目录文件介绍&项目运行流程组件化开发&根组件App.vue文件（单文件组件）的三个组成部分普通组件的注册使用
小周不摆烂·2023-07-27 22:05

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