vue入门

Vue入门

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

【前端之旅】Vue入门笔记

一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Axios、Bootstrap、Node.js、Vue、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习。【前端之旅】Web基础与开发工具【前端之旅】手把手教你安装VSCode并附上超实用插件指南【前端之旅】HTML大总结【前端之旅】CSS三万字总结【前端之旅】JavaS
請你喝杯Java·2023-04-14 19:18

Vue入门以及插值表达式介绍

两年前大二时候一个人开发网站用的jspjquery,前后端一起的但是现在流行前后端分离,而且这技术确实不错,早就准备学一下的,这里做毕业设计需要,所以现在就重新学一下vue,这里记录一下我的vue学习.这里建议大家学习可以看官方文档https://cn.vuejs.org/v2/guide/1.1VueJS介绍Vue.js是一个构建数据驱动的web界面的渐进式框架。Vue.js的目标是通过尽可能简
名字是乱打的·2023-04-14 17:02

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

Vue学习笔记---------Vue入门（二）计算属性(computed)定义：要用的属性不存在，要通过已有的属性计算得来原理：底层借助了Object.defineProperty方法提供的getter
神秘的帅哥·2023-04-14 17:35

vue入门系列之条件，列表渲染

条件渲染条件渲染其实就是v-if，v-else，v-else-if，v-show，通过数据条件来决定，dom元素是否渲染值得注意的一点就是v-if和v-show的区别v-if所谓的惰性，就是只有当条件达成他才会进行第一次渲染。他有更高的切换开销，因为每次条件的改变他都是真正的销毁和渲染这个元素v-show相对来v-if他没有惰性，不论条件真还是假DOM元素都渲染了，只是display的值根据条件变
Byhua·2023-04-13 15:37

Vue入门指南——侦听器

目录：一、什么是侦听器？二、侦听器的应用场景三、侦听器的用法四、小案例（验证用户名是否可用）五、注意事项一、什么是侦听器？侦听器是用来检测数据变化从而来添加执行自己自定义逻辑的代码（数据一旦发生变化就通知侦听器所绑定方法）。这一点和计算属性很相似,然而计算属性一般作用于简单的一些小逻辑代码,如果逻辑比较复杂可以使用侦听器。二、侦听器的应用场景一般用于异步或者开销较大的操作（如ajax，计时器等一些
Poetry Code·2023-04-13 13:10

vue入门级学习

vue3官网https://cn.vuejs.org/vue2官网https://v2.cn.vuejs.org/准备工作vscode插件:::infoBracketPairColorizer2花括号Beautify格式化Chinese中文简体Veturvue格式显示:::安装vue工具npminstall-g@vue/clivue--versionnodejs历史版本下载https://node
不积跬步无以至千里-陕西西安·2023-04-13 11:18

Vue入门级语法

Vue入门级语法使用方式新手学习，只需要以引入的方式即可。
帅大叔的博客·2023-04-11 17:14

微服务和VUE入门教程(8):前端主页的编写

微服务和VUE入门教程(8):前端主页的编写微服务和VUE入门教程(0):着手搭建项目微服务和VUE入门教程(1):搭建前端登录界面微服务和VUE入门教程(2):注册中心微服务和VUE入门教程(3):user
hdubigben·2023-04-11 09:45

Vue入门笔记

一、如何阅读框架式代码Vue前言这里假设你已经安装好了vue-cli，node，npm（npm是JavaScript世界的包管理工具，并且是Node.js平台的默认包管理工具。通过npm可以安装、共享、分发代码，管理项目依赖关系）等框架及工具，接下来怎么通过cmd打开项目npm的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已，比如以安装ex
闫小玉·2023-04-05 14:35

Vue入门---属性、style和class绑定方法

一、用对象的方法绑定classclass与style绑定.class1{color:#f00;}.class2{background-color:#00f;}我是娃哈哈varmyVue=newVue({el:".test",data:{name1:true,name2:false,}})实现效果:关于使用对象绑定class,还可以用另外一种写法:class与style绑定.class1{color
唐人不自醉·2023-04-05 13:52

Java学习三阶段-VUE课堂

0HBuilderX修改注释路径:根目录\plugins\theme-default\themes\default文件名称:default.xml文件修改颜色:1.Vue入门1.1什么是VueVue(读音
qq_43802023·2023-04-04 09:50

微服务和VUE入门教程(19)： VUE组件化--子组件向父组件通信

微服务和VUE入门教程(19)：VUE组件化–子组件向父组件通信微服务和VUE入门教程(0):着手搭建项目微服务和VUE入门教程(1):搭建前端登录界面微服务和VUE入门教程(2):注册中心微服务和VUE
hdubigben·2023-04-03 20:36

Vue-内容分发

文章目录Vue-内容分发九、内容分发1、测试内容分发：2、自定义事件3、Vue入门小结Vue-内容分发九、内容分发在Vue.js中我们使用元素作为承载分发内容的出口，作者称其为插槽，可以应用在组合组件的场景中
lengzher_5601·2023-04-02 19:38

vue入门简单学习

1、vue概述Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如：vue-router：跳转，vue-resource：通信，vuex：管理)或既有项目整合官网1.1、前端三板斧HTML(结构)：超文本标记语言(HyperTex
zch981964·2023-04-02 18:16

vue入门到精通详解介绍（第一部分）data详细介绍

第一章引入vue脚本在html页面上基本操作Documenthello{{name}}{{demo()}}newVue({el:".app",data:{name:"张三"},methods:{demo(){return"testdemo"}}}){{}}里面能写data里面的属性，可以是运算表达式或者三目表达式，或者函数动态指令v-bind可以动态的给标签的属性绑定data里面的值(标签属性)可
追梦者123·2023-04-02 02:26

vue入门

Hi~o(*￣▽￣*)ブ大家好呀！我是【小阿飞_】今天想和大家简单分享一下vue的一些入门须知，希望也能帮助到刚学习vue或者是还没有了解过vue的小伙伴们(●'◡'●)目录vue介绍1、什么是vue2、vue的优点库和框架的区别1、库2、框架3、MVVM安装vue开发示例1、vue实例2、绑定事件3、Vue双向数据绑定Vue生命周期钩子vue介绍1、什么是vuevue是一个构建用户界面UI的渐进
小阿飞_·2023-04-01 17:26

Vue基础学习笔记

文章目录Vue基础一、Vue入门二、Vue列表展示三、Vue计数器四、Vue的MVVM五、options选项六、Vue的生命周期七、vue的template八、Mustache插值语法九、v-once十
Studying_swz·2023-03-31 11:28

若依Vue入门——项目运行篇

文章目录相关地址开发环境什么是脚手架**运行过程**01.Git检出/下载RuoyiGit检出下载压缩包02.目录结构03.项目运行过程后端(1)导入数据库(2)修改配置文件(3)运行问题1：Redis服务未启动问题2：文件编码问题运行成功修改端口前端(1)打开前端项目(2)npminstall(3)运行前端项目修改端口项目结构总结总结打算更新一系列文章，研究一下开源脚手架Ruoyi的源码，提升一
混沌之恶咕哒子·2023-03-30 22:20

微服务和VUE入门教程(7):配置中心-config

微服务和VUE入门教程(7):配置中心-config微服务和VUE入门教程(0):着手搭建项目微服务和VUE入门教程(1):搭建前端登录界面微服务和VUE入门教程(2):注册中心微服务和VUE入门教程(
hdubigben·2023-03-29 23:49

Vue框架

1552395200.jpg引入vue.js库，用newVue（）函数创建一个实例-el：让vue实例去接管页面上哪一个元素-data：vue实例的数据放在这里面Vue入门{{msg}}newVue({
Louis_Duan·2023-03-28 05:46

vue入门（一）vue安装与新建项目

1.安装node.js从node.js官网下载并安装nodenode.js安装安装过程很简单，一直点下一步就ok了。1.1我们通过打开命令行工具（win+R）,输入node-v查看node的版本，若出现相应的版本号说明你安装成功了图11.2.npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入npm-v命令，显示npm的版本信息。图2现在node环境已经安装完成了，np
3f61aa3868f7·2023-03-27 09:55

vue入门

vue核心的三要素（mvvm模型）使用vue前得有view，也是咱们的html标签从后台拿数据，也就是咱们的model创建vue实例，也就是viewmodel，它是中间桥梁，将model与view进行关联vue
岁月忐忑如歌·2023-03-27 00:50

Vue入门教程

在github上找到的。https://github.com/fengcms/vue-demo-cnodejsVue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（二）安装nodejs环境以及vue-cli构建初始项目Vue2+VueRouter2+Webpack+
雨夏_·2023-03-26 02:36

vue入门--week1

vue学习笔记，比较基础。mvc和mvvc的区别mvc是后端概念：model、view、controllermvvc是前端概念：Model、View、ViewModel最简单的vue代码段{{msg}}varvm=newVue({el:'#welcome',data:{msg:'欢迎来到我的世界'},methods:{}});vue对象属性el：指定vue对象要控制的区域。data：data对象定
油多坏不了菜·2023-03-26 01:45

vue入门：vue项目架构设计起步

在之前已经熟悉了如何使用vue-cli进行新建项目，具体见vue入门：使用vue-cil新建vue项目。
dell_ling·2023-03-17 05:13

Vue入门笔记

模板语法文本双大括号的文本插值Message:{{msg}}v-once指令：一次性的指令，数据改变时，插值处的内容不会改变。Message:{{msg}}v-html指令：双括号会将数据解释为文本，v-html输出真正的HTML。注意你的站点上动态渲染的任意HTML可能会非常危险，因为它很容易导致XSS攻击。请只对可信内容使用HTML插值，绝不要对用户提供的内容使用插值。属性v-bind指令：代
cq_春风呼呼的吹·2023-03-15 11:09

01-Vue基础之模板语法

文章目录01.Vue概述1.1.简介1.2.VUE实例属性（七大属性）1.3.注意事项02.Vue入门案例（helloworld）03.VUE模板语法概述04.VUE中的数据绑定（插值语法）4.1.Vue
彤彤的小跟班·2023-03-10 16:56

vue入门

写在前面：1.安装使用参照官方文档2.这里只记录vue重点笔记开始：一个vue组件的data必须是一个函数，这样每个实例维护的是一份被返回对象的独立拷贝，如果没有这条规则，数据的修改会影响所有的其他实例。如果模板属性是变量的话，vue2.0中使用v-bind的方式来绑定变量，可以省略v-bind，例如列表渲染：比如数组中直接采用赋值的方式不会造成列表的渲染，this.list[1]={name:'
梦想成真213·2023-03-09 02:18

几种ajax请求方式

上一篇写了vue推荐的Axios写法vue入门到精通-Axios入门顺便把之前写的原生的也记录下参考博客https://blog.csdn.net/gty204625782/article/details
信小呆666·2023-03-01 09:21

Vue入门之自定义事件$emit-父组件获取子组件的数据

前面讲过通过props子组件很容易就可以获取到父组件的数据，但是父组件怎么获取子组件的数据呢？通过查资料，发现可以通过自定义事件来实现父组件与子组件之间的通信。首先，得创建一个子组件模板文件，子组件在父组件中用的时候，总得有个触发动作可以获取到子组件的数据吧，所以，加个按钮，触发个动作。如下所示：1.子组件然后再子组件中定义下数据，不然父组件没有数据可以获取2.子组件点击button时，将子组件的
扁扁的汤圆·2023-02-18 21:27

【狂神说Java】Vue入门详细笔记(全)

文章目录1.概述1.1.Vue概述1.2.前端知识体系1.3.前端三要素1.4.表现层（CSS）1.5.CSS预处理器1.6.行为层（JavaScript）1.7.[TypeScript](https://so.csdn.net/so/search?q=TypeScript&spm=1001.2101.3001.7020)1.8.JavaScript框架1.9.UI框架1.10.三端合一1.11.
就你叫Martin？·2023-02-05 19:20

vue入门

2.库和框架的区别3.MVVM的介绍二、vue入门1、Helloworld实现①使用步骤②代码2、Mvvm数据双向绑定三、vue事件四、vue的生命周期一、vue简介1.Vue.js是什么？
星星铺满海面·2023-02-03 11:26

史上最简单的Vue入门教程，Vue基础语法

Vue简介：IDEA中安装vue插件demo.html（cdn引入vue.js）Title{{message}}鼠标悬浮查看效果YesNo{{item.msg}}--{{index}}按钮-->varvm=newVue({el:"#app",data:{message:"hello,vue",ok:true,items:[{msg:'苹果'},{msg:'香蕉'}]},methods:{sayhi
ThatMonth·2023-02-03 11:53

Vue入门学习笔记

Vue实战1.Vue引言渐进式JavaScript框架--摘自官网#渐进式1.易用htmlcssjavascript2.高效开发前端页面非常高效3.灵活开发灵活多样性#总结Vue是一个javascript框架#后端服务端开发人员:Vue渐进式javascript框架:让我们通过操作很少的DOM,甚至不需要操作页面中任何DOM元素,就很容易的完成数据和视图绑定双向绑定MVVM注意:日后在使用Vue过
旭旭飞·2023-02-03 10:37

前端学习-VUE入门

VUE:接管DOM操作,面向数据编程,当数据改变后,VUE会自动替换掉DOM里的内容挂载点,模板和实例'以下是html使用vue.js的例子'1.在项目中导入vue.js文件2.在html中,使用script语法引入vue.js文件3.在html中创建vue,创建时可传入以下参数4.VUE会结合模板和data,生成内容,放在挂载点中显示el:挂载点,绑定DOM结点,也叫模板,VUE只会处理挂载点下
亲爱的大倩倩·2023-02-02 03:47

vue入门

引用关键词：newVue({el:"#xxx"data:{}method:{}computed:{(fullname:{set:function(){}/get:function(){}})}watch:{}beforeCreate/created/beforeMount/mouted/beforeUpdate/updated/beforeDestory/destoryed})v-bind:v-o
ahubaoan·2023-01-29 07:12

Vue全家桶--Vuex学习笔记

vuex学习完了记录笔记如下，是看的b站上的vue入门到实战和对比着官方文档学习的vuex安装npminstall-Svuexstore.jsimportVuexfrom‘vuex’importVuefrom
顾承要加油啊·2023-01-05 21:38

Vue入门（安装配置启动项目）

学习本篇之前要具备一定的vue基础知识，可以先看一下Vue基础（环境配置、内部指令、全局API、选项、内置组件）1、Vue-cliVue-cli是vue官方出品的快速构建单页应用的脚手架，这里牵扯的东西很多，有webpack，npm，nodejs，babel等等。官网：https://cli.vuejs.org/guide/GitHub：https://github.com/vuejs/vue-c
行动很重要冲冲冲·2022-12-30 15:08

Vue入门记录/教程 2、vue页面搭建

前言：上一节我们完成了vue基本环境的配置，本文主要是用vue搭建一些基本页面，学习一下vue的基本操作Vue基本原理上节运行了npmrundev之后，浏览器可以访问到一个页面，实际这个就是vue官方提供的一个模板页面。要了解vue，首先就要了解增删页面的方法，还有跳转的方法。接着用vscode打开之前的hellovue项目，可以安装几个插件，帮助vue的开发Vetur插件：此外还有一些插件但是这
JoshuaGraham·2022-12-30 15:23

前端基础-VUE入门教程(一)

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、VUE简介1.1搭建Vue开发环境1.2初始Vue1.3Vue模板语法1.4数据绑定1.5el和data的两种写法1.6MVVM模型1.7数据代理Object.defineProperty方法Vue中的数据代理总结前言学习背景由于作者之前虽然上手了Vue项目，但实际上并没有系统学习过Vue相关基础知识，对其中的原理理解
冒冒失失小鬼头·2022-12-30 15:14

【Vue入门之项目环境搭建】

一.Vue介绍和Vue开发环境搭建1.1Vue官网Vue是什么：Vue.js是一套由美籍华人（尤雨溪）开发的相应式系统，前端开发库。2014年2月尤雨溪开源了前端开发库Vue.js。2016年9月3日，尤雨溪以技术顾问的身份加盟阿里巴巴Weex团队。他全职投入Vue.js的开发，立志将Vue打造成Angular/React平级的世界顶级框架Vue的核心库只关注视图层，非常容易和其他库整合，Vue非
程序猿阿嘴·2022-12-30 15:10

vue入门（一）搭建vue项目，基础显示，指令

之前接触过vue，但是一直不是十分清晰，学的云里雾里，最近打算再次系统的整理一下，重新入门。还是根据vue官方文档一步一步的来，但是是属于简化的那种，会把我的学习过程都记录下来。1.vue项目的搭建：首先我是建了一个新的文件夹，然后用vscode打开这个文件夹，在vscode中可以直接打开终端-新建终端输入命令行：npminitvue@latest这一步会下载create-vue进来并且给你新建好
一只皮卡皮卡丘·2022-12-30 15:31

Vue学习笔记

文章目录第1章：Vue入门1.1Vue简介1.1.1官网1.1.2介绍描述1.1.3Vue的特点1.1.4与其它前端JS框架的关联1.1.5.Vue扩展插件1.2Vue的基本使用1.2.1编码1.2.1
fmk1023·2022-12-30 07:41

一周Spring Boot + VUE入门（6）-- VUE 前端代码分析

这个是前端的页面的总体的概貌，包括了查询条件，数据列表，数据如输入（修改）和各种操作按钮，下面我们分析这个页面的实现方式。数据处理页面RuoYi系统生成的代码中，前端代码vue中是分为两个文件夹，分别是api和views。然后我们分别将这两部分代码复制到ruoyi-ui的src目录中。其中，api目录是同后端的数据交互。我们进入api的student目录，右键用sublimeText打开生成的st
BGD10450173·2022-12-24 19:40

Vue入门笔记（四）——Vuex的使用

Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex也集成到Vue的官方调试工具devtoolsextension，提供了诸如零配置的time-travel调试、状态快照导入导出等高级调试功能。什么是“状态管理模式”状态管理简单理解就是统一管理和维护各个vue组件的可变化状态(你
穆子航·2022-12-23 15:53

vue入门——webpack配置

搭建vue需要了解webpack。1.npminit。新建一个webpack_demo的目录，在该目录使用此命令初始化一个package.json管理安装包。执行后会有一堆问题，默认回车即可，这样就在根目录得到一个package.json的文件，内容如下{"name":"webpack_demo","version":"1.0.0","description":"","main":"index.j
四瓣纸鹤·2022-12-22 08:19

后端快速学习VUE（一）：VUE入门

个人博客地址http://xiaohe-blog.top/文章目录1.简介2.基本使用2.1引入Vue2.2基本使用2.3总结：3.v-text、v-html指令的使用4.v-on:事件绑定4.1事件的三要素：4.2v-on的基本使用4.3v-on获取vue实例this4.4事件绑定简化写法5.常用指令5.1v-if、v-show5.2v-bind5.2.1v-bind基本使用5.2.2v-bin
小何┌·2022-12-19 11:17

Vue入门

特点：1.vue由尤雨溪创造，当前市面主流有vue2和vue3，官网在22年8月份更新的vue3版本2.是一种渐进式的Javascript框架优点显著：1.中文文档2.生态丰富，插件多样化3.上手简单4.指令、组件、虚拟DOM安装或者声明式渲染条件与循环遍历指令属性绑定事件绑定
zhangxiaobai___·2022-12-04 19:11

Vue2.0教程

一、Vue入门1、概述在众多的语言排名中，JavaScript已经非常靠前，它是前端的核心编程语言，我们可以利用js开发动态效果的网页，也可以开发app，为了简化JavaScript的使用，在其基础上，
大米☋·2022-11-27 12:54
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他