VUE学习之路

iOS程序员学习Vue实战

就这样，vue学习之路开始了。过了一遍官网之后就开始想实战了，从网上查了资料正好看到黄轶大神的vue-music，于是就开始仿写了。。。
davisjy·2023-12-03 03:20

Vue学习之路

1.vue是什么概念：vue是一个用于构建用户界面的渐进式框架声明式渲染=>组件系统=>客户端路由(VueRouter)=>大规模状态管理(Vuex)=>构建工具(Webpack/vite)vue的两种使用方式：1:Vue核心包开发场景：局部模块改造2::Vue核心包&Vue插件工程化开发场景：整站开发2.插值表达式{{}}1:作用：利用表达式进行插值，渲染到页面中2:语法：{{表达式}}3.响应
wuhuajun_123456·2023-11-24 23:09

Vue学习之路------指令

Vue指令vue会根据不同的指令，针对标签实现不同的功能指令:带有v-前缀的特殊标签属性1：v-html：指令2：v-show作用：控制元素显示隐藏语法：v-show="表达式"表达式值true显示，false隐藏原理：切换display:none控制显示隐藏场景：频繁切换显示隐藏的场景3:v-if作用：控制元素显示隐藏(条件渲染)语法：v-if="表达式"表达式值true显示，false隐藏原理
wuhuajun_123456·2023-11-24 23:34

vue学习之路由问题(附实例及地址栏中的参数去除问题解决)

路由传参语法列表点击页this.$router.push(path:"",query:{"跳转页接收变量名":"当前页的值"})this.$router.push(path:"/sdf/test",query:{"id":this.ids})详情跳转页this.$route.query.跳转页接收变量名;letid=this.$route.query.id;列表点击页this.$router.pu
鱼小旭·2023-10-27 01:03

Vue学习之路由访问与混入对象篇

Vue系列文章目录Vue学习之入门篇Vue学习之模板语法和语句结构篇Vue学习之事件处理器与属性篇Vue学习之表单与组件篇Vue学习之路由访问与混入对象篇Vue系列文章目录一、Vue路由访问二、Vue的混入对象理解一
cug-jdc·2023-10-15 08:54

vue学习之路之需要了解的知识汇总

一、vue是什么？相关网页：https://vuejs.bootcss.com/v2/guide/及菜鸟教程https://www.runoob.com/vue2/vue-tutorial.htmlvue.js是一套构建用户界面的渐进式框架；它只关注图层，采用自底向上增量开发的设计；它的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。vue完全有能力驱动采用单文件组件和Vue生态系
dbkfmlw338546·2023-10-12 09:37

Vue学习之路第十五篇：v-if和v-show指令

1、v-if和v-show都是用来实现条件判断的指令。2、先看代码click这是v-if指令控制这是v-show指令控制varvm=newVue({el:"#app",data:{flag:true},methods:{reverse(){this.flag=!this.flag;}}});通过点击按钮来控制v-if和v-show对应元素的显示和隐藏。从页面展示现象看，这两个指令的作用是一样的，我
weixin_30315723·2023-09-25 15:37

[Vue] Vue学习之路

v-if当页面加载了Vue.js后，可以在DOM元素上加入v-if属性，用于该DOM元素的显示与隐藏v-if=scoreMin">{{data.name}}:{{data.score}}varscorevm=newVue({el:'#score_demo',data:{scoreArr:[{score:60,name:"Emilio1"},{score:70,name:"Emilio2"},{sc
EmilioWeng·2023-04-09 21:35

【Vue】九、vue-element-admin

后端程序员的vue学习之路一、介绍二、功能特性三、前置准备四、前置知识五、项目结构说明：六、安装运行一、介绍vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现
北城小林·2023-03-22 14:23

Vue父子组件传值的三种方法

ref总结提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档前言例如：Vue的学习是路阻且艰的，这是一个系列文章，帮助vue的新手可以快速上路，创建的自己的项目，该系列文章主要讲解作者在vue
·2022-12-20 15:11

vue获取路由历史_vue学习之路-vueRouter

学习vueRouter的思路：首先wiki一下路由是什么，看看基础概念，然后找一些不懂的名词学习然后使用最基础的html实现一下路由最后再看vuerouter的官方文档，学习使用方法目录路由是什么、三种路由-hash三种路由-history三种路由-memoryvueRouter的使用方法路由是什么从百度百科中了解到，路由是一个分发请求的对象路由器，是一种硬件设备，我们不需要了解路由表，这个我们需
老犯讲电影·2022-12-09 14:07

后端开发者的Vue学习之路（四）

目录上节内容回顾：npm介绍安装常用命令：补充：基于npm的HelloWorld项目结构分析用法迁移小提醒ES6语法知识补充单文件组件使用注意：路由开启路由定义路由使用路由数据显示路由跳转带参路由动态路径参数查询参数监听路由参数变化嵌套路由命名视图编程式路由404路由补充：vuex开启vuex并创建store使用vuex获取数据改变数据项目结构补充：首发日期：2019-01-28修改：2019-0
dianchougao5936·2022-11-09 11:55

vue.js简单登录界面访问mysql_Vue学习之路之登录注册实例代码

根据Vue.js+ElementUI+MongoDB进行开发P1安装Vue-CLI利用Vue.js提供的一个官方命令行工具#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-project#安装依赖，走你$cdmy-project$npminstall$npmrundevVue.js主要目录结构.├
墨许轩·2022-06-17 07:56

Vue学习之路（基础篇）

Vue学习之路（基础篇）程序员小王的博客：程序员小王的博客欢迎点赞收藏⭐留言如有编辑错误联系作者，如果有比较好的文章欢迎分享给我，我会取其精华去其糟粕java自学的学习路线：java自学的学习路线一.Vue
程序员小王java·2022-06-05 21:09

小白的Vue学习之路

第三章Vue组件&路由定义Vue组件什么是组件：组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化：是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化：是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式使用V
黑夜里的那盏灯·2021-06-08 06:51

小白的Vue学习之路

第一章Vue初步认识什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与
黑夜里的那盏灯·2021-06-07 08:40

vue 不能响应set结构增加数据_Vue学习之路-vue数据响应式

前言我们在使用vue的时候，data属性几乎是必不可少的，vue的data属性也十分方便了为我们提供了暂存数据，数据修改，数据渲染的功能。但是为什么在data处设置的数据，我们可以直接在模板处进行使用并且实时渲染呢vue到底对data做了什么？目录getter和setterObject.defineProperty数据响应式getter和setter首先我们要了解getter和setter我们先抛
weixin_39539733·2020-12-21 16:15

Vue学习之路1-集成环境安装

1.前言Vue是一款友好的、多用途且高性能的javascript框架，与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用，它能够帮你创建可维护性和可测试性更强的代码库，Vue是渐进式的javascript框架库。2.安装简介Vue集成环境三大核心组件：node.js，npm，vue。3.node.js安装下载地址：https://nodejs.org/en/download/，根据操作系统
小子pk了·2020-12-09 03:13

Vue学习之路（四）---v-model（双向数据绑定）与表单

v-model具有双向数据绑定的功能，可以绑定数组和字符串，不过，在绑定之前，需要将我们需要绑定的数据进行初始化。1.当输入框的值改变时，{{value}}中的值会跟着改变//html{{value}}//datadata(){value:''}2.input为checkbox时，点击勾选框，v-model会自动将value值添加到valueArr中//html{{valueArr}}//data
Tommy·Yang·2020-09-16 15:51

Vue学习之路（七）---transition过渡动画

vue中过度动画v-if和v-show都可以使用，首先要明白四个状态，v-enter(刚开始进入)，v-enter-active(进入过程中到进入完毕),v-leave-enter(刚开始离开),v-leave-enter-active(离开过程中到离开)，示例图如下好的，弄清楚了这四种状态，然后我们就可以简单的开始transition过渡的实操了,在v-enter-active以及v-leave
Tommy·Yang·2020-09-13 08:38

vue学习之路===>全局组件定义的三种方式

全局组件定义的三种方式使用Vue.extend配合Vue.component方法：varlogin=Vue.extend({template:'登录'});Vue.component('login',login);直接使用Vue.component方法：Vue.component('register',{template:'注册'});将模板字符串，定义到script标签种：登录|注册同时，需要使
东子Yang·2020-08-24 20:40

Vue学习之路（二）---组件

1.Vue提供全局的api,Vue.Component,在写data数据的时候最好用函数返回数据，这样做是为了避免在使用多个这个组件时，数据变化而导致组件的数据都变了。Vue.component('my-header',{template:'',//渲染模板data:function(){return{a:1,b:2}}});2.Vue组件时具有层级的，便于开发比如说letmyHeader={te
Tommy·Yang·2020-08-24 19:54

Vue学习之路(2)-数据定义选项

引言测试基于vue初始化的脚手架,不加router等其他的,使用index.html,编辑的入口main.js,结合控制台和页面观察输出结果,学习选项的使用data选项:Vue实例的数据对象(对象的成员变量)类型：Object|Functionvarvm=newVue({data:function(){return{'a':'a','b':'b'}}})//实例创建之后，可以通过vm.$data访
新手司机开飞机·2020-08-23 15:46

Vue学习之路4-v-bind指令

1.定义1.1v-bind指令被用来响应地更新HTML属性，其实它是支持一个单一JavaScript表达式（v-for除外）。2.语法2.1完整语法：，解释：v-bind是指令，:后面的class是参数，classProperty则在官方文档中被称为“预期值”。2.2缩写语法：，解释：:后面的class是参数，classProperty则在官方文档中被称为“预期值”。3.用法3.1绑定一个属性全写
weixin_30522183·2020-08-23 03:55

Vue学习之路之登录注册实例代码

Vue学习之路之登录注册实例代码：https://www.jb51.net/article/118003.htmvue项目中路由验证和相应拦截的使用：https://blog.csdn.net/wang1006008051
weixin_30527423·2020-08-22 03:04

VUE学习之路（二）----全局API之Template 制作模版

TemplateTemplate三种写法{{message}}我是Template标签模板我是Script标签模板varapp=newVue({el:'#app',data:{message:'helloworld'},//第一种写法：适用于很小的模板//template:`//我是选项模板//`//第二种写法：需要在html中增加template标签//template:"#dd2"//第三种写
lxhguard·2020-08-21 14:40

mpvue跳转页面

正准备写一个小程序，得知了mpvue开源的消息，又恰巧之前刚刚学习了一点vue，便开始了我的mpvue学习之路。第一步就是配置环境之类的。。。
程宇66·2020-08-17 07:48

Vue学习之路第三篇：插值表达式和v-text的区别

上一篇说到插值表达式有一个问题：页面频繁刷新或者网速加载很慢的时候，页面会先出现“{{msg}}”，再一闪而过出现真实的数据。对于这个问题Vue给予了解决办法，看具体事例。{{msg}}节点中我们定义了Vue的内置属性“v-cloak”[v-cloak]{display:none;}这里我们定义了样式：包含属性“v-cloak”的节点默认隐藏varvm=newVue({el:"#app",data
weixin_30409849·2020-08-11 18:25

vue学习之路-组件(高级篇)-slot

组件定义出来实际上就是一个html标签，通过props为这个标签定义属性，通过自定义事件为这个标签添加change等等事件，插槽(slot)就是把这个html标签内的内容显示出来(可以是html，也可以是别的组件)。如果没有插槽这个html标签内的内容会被抛弃。1.插槽内容有一个写好的组件，在它的模板中这样写然后在组件渲染的时候，这个标签内包含的任何内容会把这个元素替换掉。如果没有包含一个元素，则
弱氵弎仟·2020-07-28 21:03

Vue学习之路之登录注册

杭州数澜科技招聘Node.js工程师【可实习】、UE/UI设计师【实习】、前端React工程师【实习】，联系方式可见评论区Vue.js+ElementUI+MongoDBP1安装Vue-CLIVue.js文档利用Vue.js提供的一个官方命令行工具#全局安装vue-cli$npminstall--globalvue-cli#创建一个基于webpack模板的新项目$vueinitwebpackmy-
淡就加点盐·2020-07-10 08:18

VUE简单案例(图书管理)

VUE学习之路——vue简单案例简单的VUE项目（图书管理）实现了增删改功能图书管理table{border-collapse:collapse;}table,th,td,tr{border:black1pxsolid
 K ·2020-07-08 23:48

小白的vue学习之路04项目

项目技术框架：项目首页：项目：main.js'usestrict';//引入第三方包开始importVuefrom'vue';//VueRouter:引入路由对象importVueRouterfrom'vue-router';//VueRouter:安装插件Vue.use(VueRouter);//Mint:引入mint-uiimportMintfrom'mint-ui';//Mint:引入css
weixin_37770640·2020-07-08 18:05

Vue学习之路第十四篇：v-for指令中key的使用注意事项

1、学前准备：JavaScript中有一个方法：unshift()，其作用是向数组的开头添加一个或更多元素，并返回新的长度。该方法的第一个参数将成为数组的新元素0，如果还有第二个参数，它将成为新的元素1，以此类推。2、直接上代码序号： 车名： 添加序号：{{item.id}},车名：{{item.name}}varvm=newVue({el:"#app",data:{idVal
weixin_30591551·2020-07-08 14:48

Vue学习之路5-v-model指令

1.指令释义v-model在表单控件或者组件上创建双向绑定，本质上是负责监听用户的输入事件（onchange，onkeyup，onkeydown等，具体是哪个，还请查阅官方底层实现文档）以更新数据，并对一些极端场景进行一些特殊处理。2.表单输入绑定方式和方法2.1input框实现双向数据绑定示例：123{{title}}45请输入:6你在input框中输入了:{{inputs}}789101112
weixin_30569153·2020-07-08 14:38

vue学习之路（一）--vue-cli安装+vue-router+vue-resource

一、Vue-cli:脚手架安装a)安装nodejs；b)win+r，输入cmd进入命令行工具；c)安装vue-cli：（-g：全局安装）i.方法一：npminstallvue-cli-g：此方法链接的是国外网站会比较卡；ii.方法二：安装cnpm，通过淘宝镜像安装：npminstall-gcnpm--registry=https://registry.npm.taobao.org，然后：cnpmi
Mosowe·2020-07-08 06:14

Vue学习之路——创建简单实例

随着软件行业的发展，我们做程序猿的自然也是要日益提高自己的技能，才能才在这个行业生存，那么如何更好地生存呢，以前说有一技之长便可吃遍天下，不过随着时间的推移，我们得不断地完善自己的技术了，现在看招聘网站也都是得会前端的，所以我们自然也是得学习的，那么一起学习Vue吧Vue.js官网地址：https://cn.vuejs.org/v2/guide/syntax.html起步官方指南假设你已了解关于H
清風徐來！·2020-07-08 01:59

四、vue学习之路由

vue路由constLogin={template:'我是登录'};constRegister={template:'我是注册'};constroutes=[{path:'/login',component:Login},{path:'/register',component:Register}]constrouter=newVueRouter({routes//(缩写)相当于routes:rou
一个名字很长很长很长的JAVA工程师·2020-06-21 14:08

VUE学习之路（一）--- 初识VUE

一、初识VUE资料来源：vue官网API文档安装：同一般JS组件安装，引用CDN、或者引用其js文件兼容性：Vue不支持IE8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但它支持所有兼容ECMAScript5的浏览器。二、基础语法（散装梳理）varvm=newVue({})demo:newVue({el:"#vue-app",data:{name:"Vue",isBut
manjh·2020-06-21 12:00

Vue学习之路3-浅析Vue-cli搭建项目后的目录结构

1.前言Vue并不限制你的代码结构。但是，它规定了一些需要遵守的规则：1、应用层级的状态应该集中到单个store对象中。2、提交mutation是更改状态的唯一方法，并且这个过程是同步的。3、异步逻辑都应该封装到action里面。2.项目文件目录显示如下3.项目文件解析3.1build文件build：文件夹下存放webpack的一些配置，webpack是前端网站的一种项目编译、运行、打包工具。bu
小子pk了·2020-06-21 04:01

vue学习之路（一）:搭建vue项目

开源地址：https://github.com/bigbeef个人博客：http://blog.cppba.com1.安装nodejs网上很多教程，也很简单，官网下载下来一直点“下一步”就行了2.安装npmnodejs默认会集成，运行命令npm-v查看是否输出版本信息，如果没有，需要手动安装2.安装vuejs安装淘宝cnpm(国内仓库，提高下载速度)npminstall-gcnpm--regist
大黄蜂coder·2019-12-24 17:25

mpvue学习之路

前面同志分享的步骤和现阶段有些差异：本人现阶段学习的是v2.0.0文档：http://mpvue.com/mpvue/quickstart.htmlmpvue是美团点评团队出品的小程序框架传送门：https://www.jianshu.com/p/8f779950bfd9WePY是由腾讯团队推出的小程序组件化开发框架image.pnguni-app是一个使用vue.js开发所有前端应用的框架，开发
拾钱运·2019-10-08 16:47

mpvue跳转页面及注意事项

下面先给大家介绍下mpvue跳转页面，具体内容如下所示：正准备写一个小程序，得知了mpvue开源的消息，又恰巧之前刚刚学习了一点vue，便开始了我的mpvue学习之路。第一步就是配置环境之类的。。。
·2019-09-23 04:38

微信小程序----Gallery Table（图文表格）（flex布局实现MUI的图文表格）

效果二维码效果图WXMLVUE实战ES6学习之路CSS实战VUE学习之路WXSS.tui-row{padding:5px;display:-webkit-flex;display:flex;align-items
Rattenking·2019-02-22 15:05

后端开发者的Vue学习之路（五）

目录上节内容回顾使用第三方组件库如何发起请求请求错误处理请求带参以get的方式带参：以post的方式带参：封装处理请求的配置axios实例实现调用自定义函数来发起请求抽取axios请求到函数抽取函数到js文件抽取axios对象到js文件响应的数据拦截器拦截请求拦截响应补充：首发日期：2019-01-29作者：http://www.cnblogs.com/progor/修改：2019-02-11：发
随风行云·2019-01-29 17:00

后端开发者的Vue学习之路（四）

目录上节内容回顾：npm介绍安装常用命令：补充：基于npm的HelloWorld项目结构分析用法迁移小提醒ES6语法知识补充单文件组件使用注意：路由开启路由定义路由使用路由数据显示路由跳转带参路由动态路径参数查询参数监听路由参数变化嵌套路由命名视图编程式路由404路由补充：vuex开启vuex并创建store使用vuex获取数据改变数据项目结构补充：首发日期：2019-01-28修改：2019-0
随风行云·2019-01-28 19:00

后端开发者的Vue学习之路（三）

目录上节内容回顾组件什么是组件组件注册全局注册组件局部注册组件使用细节组件注册的命名规范：组件中只有一个根元素组件也是一个实例组件在某些元素中渲染出错组件间的数据传递父子组件传递数据子组件向父组件传输数据非父子组件之间的传值单向数据流Props属性命名规范：大小写问题参数校验限制props的类型设置默认值要求数据必传自定义验证函数：传递静态或动态Prop补充：给组件绑定原生的事件template在
随风行云·2019-01-26 19:00

后端开发者的Vue学习之路（二）

目录上篇内容回顾：数据绑定表单输入框绑定单行文本输入框多行文本输入框复选框checkbox单选框radio选择框select数据绑定的修饰符.lazy.number.trim样式绑定class绑定对象语法：数组语法：style绑定对象语法：数组语法：补充：事件绑定事件事件修饰符按键修饰符事件绑定的简写补充：Vue指令数组操作官网的话补充：Vue的元素复用问题数据残留问题问题的解决：首发日期：201
随风行云·2019-01-20 01:00

后端开发者的Vue学习之路（一）

目录前言：iview组件库示例element组件库示例Vue的介绍兼容性：学习Vue需要的前置知识：MVVM模型补充:安装/导入导入Vue安装两种方式的区别：HelloWorld示例代码分析：代码效果：实例中可以定义的内容定义数据定义方法methods生命周期与生命周期钩子函数补充：渲染插入文本v-textv-html用v-bind绑定属性：v-bind的简写把对象的所有属性绑定到元素：条件渲染循
随风行云·2019-01-19 17:00

VUE学习之路（三）----选项之extends

extendsextends{{num}}addvarextendsObj={updated:function(){console.log('我是扩展的updated');},methods:{//下面这个并没有被执行，如果方法名一样，只执行构造器里面的原生方法，混入跟扩展类似add:function(){console.log('我是扩展出来的方法');this.num++;}}}varapp=
ferrysoul·2018-08-06 10:48

VUE学习之路（二）---全局API 之 Vue.directive

一。全局API：APIA全局并不在构造器里，而是先声明全局变量或者直接再VUE上定义一些新功能，VUE内置了一些全局APII，比如Vue.directive。简单讲，就是在构造器外部用Vue提供给我们的API函数来定义新的功能。二。Vue.directive1.我们用自定义指定做一个小例子，让初始化的时候数字为绿色。vue.directive自定义指令vue.directive自定义指令{{num
ferrysoul·2018-08-04 17:15
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他