#vue学习

Vue学习—基本语法

文章目录一.模版语法1.1插值语法1.2指令语法二.数据绑定2.1单向数据绑定2.2双向数据绑定三.MVVM模型3.1简介四.数据代理4.1了解object.defineProperty函数4.2数据代理的定义4.3Vue中的数据代理五.事件处理5.1事件的基本使用5.2事件的修饰符5.3键盘事件一.模版语法1.1插值语法插值语法用于解析标签体内容{{}}这个插值语法，用于向web页面中插入vue
jakiechaipush·2022-11-06 12:36

Vue学习—Vue的安装与使用

文章目录一.vue简介1.1vue概念1.2vue的特点二.搭建vue环境2.1安装vue2.2安装谷歌vue扩展程序2.3修改Vue的全局配置文件三.Hello入门案例3.1需求3.2代码3.3实验结果四.案例原理分析一.vue简介1.1vue概念vue是一套用于构建用户界面的渐进式（自底向上逐层的应用）Javascript框架1.2vue的特点采用组件化（一个.vue文件就是一个组件）的模式，
jakiechaipush·2022-11-02 23:10

黑马VUE学习笔记（附带项目天气预报和音乐播放器所有源码）

文章目录黑马VUE学习笔记—后端小白入门（附带项目天气预报和音乐播放器所有源码）感谢黑马！
普通网友·2022-11-02 00:53

Vue学习第27天——路由vue-router的详解及案例练习

目录一、路由概念1、概念2、理解3、用途4、单页面应用特点5、路由分类二、搭建路由环境1、下载并使用vue-router库2、配置router配置项3、实现组件切换4、指定位置展示三、案例练习四、总结五、多级路由1、配置规则时，使用children配置项2、跳转时要写完整路径3、多级路由案例一、路由概念1、概念在前端中，Vue路由是指根据路径URL匹配不同的组件，从而实现通过某些路径渲染与之关联的
离奇6厘米·2022-11-01 08:02

【Vue学习笔记_16】案例-Tabbar导航栏

【Vue学习笔记_16】案例-Tabbar导航栏项目文件结构效果展示&组件结构封装TabBarTabBarItem.vueTabBar.vue使用封装的TabBarMainTabBar.vueApp.vue
BugFrog1024·2022-10-31 07:40

VUE学习笔记

VUE学习笔记一、Vue基础(一)、认识Vue.js1.官网英文官网：https://vuejs.org/中文官网：https://cn.vuejs.org/2.简介vue是一套用于构建用户界面的渐进式框架
qq_48305989·2022-10-31 07:09

VUE学习笔记 coderwhy老师（持更）

一、邂逅Vue.js1.1.认识Vue.jsVue的读音：(/vju:/，类似于view)Vue的渐进式渐进式意味着你可能将Vue作为你应用的一部分嵌入其中，带来更丰富的交互体验或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统比如Core+Vue-router+Vuex，也可以满足你各种各样的需求Vue的特点解耦视图和数据可复用的组件：一个组件可以在多个页面里面用前端
不可以装酷·2022-10-31 07:39

Vue学习（十）——单元测试

单元测试在新建项目的时候就将“单元测试”这个选项选上，CLI脚手架会自动帮助生成单元测试文件，依赖库都会帮助安装好。a）jest和mocha。js是由facebook开发的，不需要自己去写jsDOM以及断言，已经内置了断言库。b）@vue/test-utilsc)sinon：创建测试的替身先自己想想测试该怎么做。先将这个测试单元取个名字，说明是要测试哪个单元的程序。然后分析对这个程序要进行哪些角度
sophiacan110·2022-10-26 12:02

Vue 学习笔记12：Vue3常用组合API

Vue学习笔记11：Vue3组合API一、创建Vue3工程1.使用vue-cli创建2.使用vite创建3.安装vue3插件二、常用compositionAPI1.setup函数2.ref函数3.reactive
iFulling·2022-10-25 12:04

Vue学习第35天——模拟项目上线基本流程

一、打包将.vue文件生成为.html、.css、.js文件npmrunbuild执行完之后，会在项目中生成一个dist文件（执行的速度取决于项目的大小以及电脑的配置）二、创建服务器没有后端服务器，这里我们使用node.js+express搭建一个服务器1、新建demo文件夹，快速初始化npminit-y（现代项目都是从package.json文件开始的，但是这个文件里字段信息太多，因此npm提供
离奇6厘米·2022-10-15 17:07

Vue学习笔记（六）——Less

1.安装lessnpmi-gless//npminstall-gless2.检查是否安装成功lessc-V//===》lessc--versin3.手动将less文件转为css文件执行以下语句，会在less的同级目录下生成一个css文件lessc./xxx.lessnewFile.css使用插件自动将less文件转为css，编辑器中安装easyless，就会实现保存完less文件之后，自动生成cs
hsy_siying·2022-10-14 16:11

VUE学习-入门

VUE学习-入门文章目录VUE学习-入门1、vue简介1.1、VUE是啥1.2、为啥用VUE2、[VUE的使用](https://v3.cn.vuejs.org/guide/introduction.html
石头茨·2022-10-14 13:22

Vue学习笔记：封装UI组件库

实例内容封装常见的功能组件（Button，Modal，Form相关），封装完成后封装成UI组件库发布到NPM上。实例目的掌握组件封装的语法和技巧学会造轮子，了解组件库实现原理搭建和积累自己的组件库学会组件库上传gitHub学会组件库打包，上传npm----------------------------------------------------------------------------
前端互助会·2022-10-12 20:33

vue学习笔记（五）之 Vue UI组件库

VueUI组件库移动端常用UI组件库PC端常用UI组件库Element使用一提到组件库，需要考虑两个问题：1、基于哪个框架？Vue、React。。。2、PC端还是移动端？移动端常用UI组件库Vant：https://youzan.github.io/vantCubeUI：https://didi.github.io/cube-uiMintUI：http://mint-ui.github.ioPC端
杨乐多dreamer·2022-10-12 20:07

Vue学习笔记：Vue element-ui中table组件的使用----接入后端数据

记个笔记以免遗忘，建议还是查看Element-UI提供的官方文档学习，自己摸索比较难受官方文档：Element-UI组件TableElement-UI官网提供了许多Table格式，这里以一个带有筛选器的表格为例表格的官网显示效果：直接将官方提供的示例代码贴入.vue文件中即可使用显示的数据是通过data()方法提供的假数据。方法见下：data(){return{tableData:[{date:'
研究僧12138·2022-10-12 20:06

【Vue】Vue学习笔记——UI组件库和常用插件

文章目录6.UI组件库和常用插件6.1Element-ui6.2Vue-router6.2.1基本用法6.2.2跳转6.2.3路由嵌套6.2.4路由参数传递6.3Axios6.3.1基本使用6.3.2json-server的安装及使用6.3.3跨域处理6.3.4Vue中Axios的封装6.UI组件库和常用插件6.1Element-uivue的核心思想是组件和数据驱动，但是每一个组件都需要自己编写模
shen子怡·2022-10-12 20:11

Vue学习-computed和watch的区别

computed属性和watch属性的区别1.computed属性2.watch属性3.总结：1.computed属性computed属性是vue中一种计算数据的功能，基于data中已声明的数据或者通过父组件传递的props中的数据通过计算得到的一个新的值，这个新值只会根据已知数据的变化而变化。简单来说就是，computed属性可以计算数据，但是只能计算已经存在的值。举个简单的例子：姓：名：全名：
Richeneen .·2022-10-07 15:55

Vue学习---插件和混入

插件和混入1.插件1.1了解插件1.2创建插件2.混入1.插件1.1了解插件Vue.js允许我们自定义插件，对Vue的功能进行增强或补充。(可以理解为Vue的“外挂”，但是该“外挂”合理合法)本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。1.2创建插件如何定义一个插件：总之你可以在插件中定义任何你想增强的功能，插件的功能范围没有
Richeneen .·2022-10-07 15:24

vue学习记录之动态组件浅析

目录动态组件补充：动态调用组件示例总结动态组件释义：运行时在组件之间动态切换的方法。可以将多个条件组件（使用v-if、v-else-if、v-else切换的组件）简化为一行代码看个例子一般来讲，我们会这样实现一个tabs的切换{{item}}importBuyfrom"./components/Buy.vue";importcutUpfrom"./components/cutUp.vue";imp
·2022-10-06 16:04

Vue学习第34天——路由的2种工作模式：hash和history的区别

单页应用SPA的目标是不刷新浏览器，通过地址栏中的变化来决定内容区域显示什么内容。要达成这个目标，可以通过前端路由的2种工作模式实现：hash模式和history模式。一、路由的两种工作模式1、hash模式①特点对于一个URL来说，hash就是指url路径后的#号以及后面的字符。②注意点hash值变化不会引起浏览器向服务器发出请求，尽管浏览器没有请求服务器，但是页面状态和url是关联起来。③用法（
离奇6厘米·2022-10-01 19:19

Vue学习第33天——路由守卫(导航守卫)超详解讲解及使用场景、案例练习

目录一、路由守卫相关知识1、概念2、作用3、分类二、全局守卫详解1、全局前置守卫2、全局后置守卫三、路由独享守卫详解四、组件内守卫详解1、进入守卫2、离开守卫五、案例练习六、总结七、路由守卫解析流程一、路由守卫相关知识1、概念vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。2、作用对路由进行权限控制3、分类全局
离奇6厘米·2022-10-01 19:49

Vue学习笔记(二)：Springboot+Vue项目整合

前面介绍了如何从零创建Vue项目，今天来谈谈如何整合SpringBoot和Vue，实现前后端的数据交互。1.基于Springboot+Mybatis+MySQL开发后台接口（1）建表并初始化数据--创建数据表createtableifnotexistsuser(idintnotnullauto_incrementcomment'ID',usernamevarchar(255)notnullcomm
Lucky扬·2022-09-30 13:55

vue学习笔记（超详细）

文章目录一.Vue基础认识Vue.jsVue安装方式Vue的MVVM二.Vue基础语法生命周期模板语法创建Vue,options可以放什么语法综合v-onv-for遍历数组v-model表单绑定v-model结合radio类型使用v-model结合checkbox类型使用v-model结合select类型使用值绑定修饰符检测数组更新计算属性computed计算属性setter和gettercomp
普通网友·2022-09-29 15:56

vue学习（四） v-text v-html学习

1，代码Title{{content}}{{cont}}{{cont+'------>>>>'}}>>>'">>>>'">varapp=newVue({el:"#app",data:{content:'hellovue',cont:'hellovue'}})2，页面效果
dream21st·2022-09-29 09:57

vue学习（八）vue2.0路由vue-router的简单入门使用

vue-router官网中文文档：VueRouterVueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来学习三个单词（route，routes，router）：route：首先它是个单数，译为路由，即我们可以理解为单个路由或者某一个路由
程序搬砖员·2022-09-26 15:29

Vue学习——VueX数据共享

1VueX1.1VueX概述回顾组件之间共享数据的方式：VueX是实现组件数据（状态）管理的一种机制，可以方便的实现组件之间数据共享。使用VueX的好处：集中管理共享数据，易于开发和后期维护高效实现组件的数据共享，提高开发效率存在VueX中的数据都是响应式的，能够实时保持数据与页面的同步1.2VueX的基本使用安装vuex依赖包npmivuex--save导入vuex包importVuexfrom
SixCandy·2022-09-25 13:52

Vue学习-基础入门篇(三万字收藏篇)

目录前言一、Vue介绍1、Vue是什么2、Vue的特点二、Vue.js的安装1、使用Vite创建三、Vue声明式渲染四、DataProperty和方法1、DataProperty2、方法五、Vue模板语法1、插值1）文本2）原始HTML3）Attribute属性4）使用JavaScript表达式2、指令1）参数2）动态参数六、v-on事件处理1、监听事件2、事件处理方法3、内联处理器中的方法4、事
lin钟一·2022-09-23 18:14

Vue学习总结

1、学习ES6语法（基础）简单的了解let和const命令，解构赋值，箭头函数，Map数据结构，Module的语法和Promise对象2、学习Vue语法（基础）例如：一些v-for,v-if,v-model,v-if,v-show,v-on等等3、学习路由Router的配置（基础）学习路由的安装，了解路由的原理和使用方法，路由的懒加载，路由的重定向等等4、学习服务端的通信Axios和Mock（基础
金石不渝·2022-09-23 18:14

Vue学习之从入门到神经(两万字收藏篇)

写在前面前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家:人工智能学习网站Vue写在前面前言Vue.js三种安装方式一、Vue导入二、Vue基本语法1.钩子函数2.插值表达式3.显示数据(v-text和v-html)4.数据双向绑定数据(v-model)4.1.绑定文本框4.2.绑定单个复选框4.3.绑定多个复选框4.4.form表单数据提交5.事件处理(v-on)
白大锅·2022-09-23 18:21

Vue学习笔记6 - 学习vue-admin-template(1)

vue-admin-template是在码云平台（gitee.com）上，搜索vueadmin关键字，出来的结果中，相对说明算是比较多的开源代码，既有Demo的演示网站（https://panjiachen.gitee.io/vue-admin-template），也有系列教程帖子，不过作为一个仅在vue官网（https://cn.vuejs.org/）粗看了一遍教程的Vue小白，在下载了源码之后
Myron.Maoyz·2022-09-22 21:00

Vue学习笔记---vue-cli

Vue-cli1.配置文件vue.config.js2.快速原型开发：对单个vue文件进行快速原型开发vueserve：需要安装全局依赖，机器一致性无法保证，对应目录执行：vueservefilevuebuild：将目标文件构建成一个生产环境的包用来部署，对应目录执行：vuebuildfile3.创建项目vuecreateproject选取preset：默认/手动，.vuerc保存设置vueui：
洛千陨·2022-09-22 21:58

Vue学习笔记---webpack概念

1.作用webpack是一个静态模块打包器(modulebundler)。它会递归地构建一个依赖关系图(dependencygraph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle打包：可以把多个Javascript文件打包成一个文件，减少服务器压力和下载带宽。转换：把拓展语言(SCSS/ES6)转换成为普通的JavaScript，让浏览器顺利运行。优化：Web
洛千陨·2022-09-22 21:58

VUE学习笔记--Vue简介

浏览器中安装vue-devtools调试工具直接在浏览器中的拓展商店中搜索vue-devtools，安装之后进入管理拓展界面，允许该拓展访问文件的地址Vue简介什么是VueVue是一套用于构建用户界面的前端框架构建用户界面：用Vue往页面中填充数据非常方便框架：一套现成的解决方案vue的特性1.数据驱动视图2.双向数据绑定数据驱动视图使用vue的页面中，vue会监听数据的变化，自动重新渲染页面的结
萤火虫的小尾巴·2022-09-22 20:48

ggggxc学习笔记----Vue学习笔记V----组件

八、组件机制1.概述组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码，内部封装了可复用的HTML、CSS、JS代码片段。在较高层面上，组件是自定义元素，Vue的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生HTML元素。组件注册的时候需要为该组件指定各种参数。组件类似于vue实例，组件内部有template属性，
gaoxiaochan·2022-09-22 20:44

ggggxc学习笔记----Vue学习笔记I----生命周期

一、Vue介绍：介绍：Vue.js是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue不强求一次性接受并使用它的全部功能特性。二、生命周期：vue实例从创建到挂载到更新，最后销毁，这整个流程叫做vue的生命周期。生命周期钩子函数：1.初始化构建阶段（1）beforeCreate：在初始化的时候调用了b
gaoxiaochan·2022-09-22 20:13

若依Ruoyi-Vue学习笔记

文章目录0.前言目标功能的基本流程环境要求1.运行Ruoyi1.1下载1.2配置数据库1.3配置Redis1.4日志1.5启动后端1.6启动前端2.登陆功能2.1验证码基本思路前端实现请求的封装反向代理后端实现2.2登陆前端实现后端实现控制层业务层2.3获取用户角色和权限前端实现后端实现2.4获取动态菜单路由3.数据加载3.1首页数据加载3.2用户管理（PageHelper分页）3.3部分树状图4
风不贪·2022-09-20 20:07

Vue学习进度二

这里写目录标题1.分析脚手架2.ref属性(id类似)3.props配置4.mixin混入混入中的钩子函数，加载问题局部引入全局引入5.plugin插件6.scoped样式7.TodoList案例8.浏览器本地存储在TodoList的应用9.组件自定义事件(子到父|emit,on,off)10.全局事件总线【student传数据给school】11.消息订阅与发布12.动画，过渡【略】13.配置代
阿斯卡码·2022-09-16 17:10

Vue2学习教程（图文齐全，附带gif动图更加简单易懂）

Vue学习笔记1.初识vue，helloworld初识vue1、想让vue工作，就必须创建一个vue实例，且要传入一个配置对象2.root容器里的代码依然符合HTML规范，只不过混入了一些特殊的vue语法
特图sama·2022-09-16 17:39

Vue2+Vue3学习笔记

Vue学习笔记一、关于Vue2什么是Vue？
卡布的另一半·2022-09-16 17:08

Vue学习（vue框架-大纲-知识要点）

VUE一.开发工具VUE开发环境推荐使用VScode,然后安装特定的插件即可开发，可用插件如下：Vetur——语法高亮、智能感知、Emmet等EsLint——语法纠错AutoCloseTag——自动闭合HTML/XML标签AutoRenameTag——自动完成另一侧标签的同步修改PathIntellisense——自动路劲补全HTMLCSSSupport——让html标签上写class智能提示当前
翌晨、·2022-09-16 17:08

Vue学习第23天——Vuex开发者工具的使用

一、Vuex开发者工具浏览器安装完Vue开发者工具之后，里面包含着Vuex开发者工具，不需要额外下载安装二、Vue开发者工具页面三、页面按钮详解1、选择区按钮①BaseState里面记录的是state里面的初始数据②绿色线条绿色线条在哪一行，页面显示哪一行的数据③"ADD"每一个“ADD”代表的是一个mutation，ADD是我们自己定义的mutation的名字，这也说明了vuex工作图中开发者工
离奇6厘米·2022-09-16 17:36

Vue学习路线

本书的宗旨是抹平Vue学习曲线，就是在攀登Vue这座高峰时，提供梯子和索道，或者干脆提供一辆缆车。从而在领略Vue高峰上无限风光的时候，不用在崎岖山道艰难跋涉，而是像似漫步在平坦的大道上。
gongyin2013·2022-09-16 17:36

Vue学习第20天——Vue中常用的ajax请求库（axios与vue-rouserce）

一、Vue中常用的ajax请求库1、axios2、vue-resource（使用方法与axios一样）3、两者区别axios：通用的ajax请求库，适用范围广，官方支持vue-resource：vue插件库，vue1.0版本用，已经年久不维护二、案例练习需求：通过github搜索用户名，并渲染到页面github查找用户名接口：https://api.github.com/search/users?
离奇6厘米·2022-09-16 17:35

vue学习

vue学习文章目录vue学习一、vue是什么？
LUSHIJIE__·2022-09-16 17:34

Vue学习第21天——插槽slot的理解及案例

这里写目录标题一、什么是插槽1、作用2、语法3、配置项4、注意项4、插槽分类二、默认插槽与具名插槽案例三、作用域插槽案例四、总结一、什么是插槽1、作用组件间的一种通信方式。让父组件可以向子组件指定位置插入html结果2、语法元素作为组件模板之中的内容分发插槽。元素自身内容将被替换。3、配置项name：用于命名插槽。4、注意项在2.6.0中，Vue为具名插槽和作用域插槽引入了一个新的统一的语法(即v
离奇6厘米·2022-09-16 17:04

VUE学习笔记

如何使用VUE：初始准备：首先是开发环境的配置：下载一个Vue.jsdevtools插件在运行程序前添加上下面的这句话，可去掉那个生产提示Vue.config.productionTip=false//阻止vue在启动是产生生产提示引入vue模版需要引入vue的开发环境：这个可以直接使用官网下载文件，也可以直接引用绝对地址的vue开发环境，这个可以直接去官网查看下面的这一行就是我们使用vue前必须
品 风 ₯ 未 醉·2022-09-15 09:56

Vue学习笔记（三）Vue2三种slot插槽的概念与运用 | ES6 对象的解构赋值 | 基于Vue2使用axios发送请求实现GitHub案例 | 浏览器跨域问题与解决

文章目录一、参考资料二、运行环境三、Vue2插槽3.1默认插槽3.2具名插槽3.3作用域插槽ES6解构赋值概念&作用域插槽的解构赋值3.4动态插槽名四、GitHub用户搜索案例4.1准备静态的HTML文件4.2根据静态文件划分组件4.3代码实现index.htmlMain.jsApp.vueGitHubHeader.vue基于axios发送AJAX请求GitHubBody.vue五、浏览器跨域5.
尤Ni·2022-09-15 03:38

Vue学习记录三 --- vue的项目实战

一、常规项目配置安装：1、安装vue-router路由：cmd下在当前项目目录下执行：npminstallvue-router--save-dev如果因为依赖安装失败，则执行：npminstall--legacy-peer-depsvue-router--save-dev如果后续出现版本冲突问题，可以降低版本。2、安装vue-axios:cmd下在当前项目目录下执行：npminstall--sav
很菜的小jiang·2022-09-08 07:47

Vue学习-基础篇7

目录token函数抽取在js中使用路由routervue-router嵌套路由导航守卫路由重定向Vue-router-路由元信息路由传参的两种方式QueryParams路由中的两个属性Vuex基本使用vuex的提取组件传值之props与emitnpm省市区数据插槽【了解】默认插槽具名插槽编辑编辑作用域插槽（难一点）style中使用了scope之后，第三方UI样式的处理vue中如何使用echarts
练体育的程序员·2022-09-07 10:14

Vue学习笔记04：组件思想、vite、vue-cli

文章目录一、单页面应用程序1.什么是单页面应用程序2.单页面应用程序的特点3.单页面应用程序的优点4.单页面应用程序的缺点5.如何快速创建vue的SPA项目二、vite的基本使用1.什么是vite2.创建vite的项目3.梳理项目的结构4.vite项目的运行流程三、vue-cli的基本使用1.什么是vue-cli2.安装vue-cli2.1解决WindowsPowerShell不识别vue命令的问
双-鱼·2022-09-05 13:05
上一页 15 16 17 18 19 20 21 22 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他