vue入门

前端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

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