Vue教程

(精华2020年5月4日更新) vue教程篇 class和style的使用

class和style.aa{color:red;font-size:30px;}.bb{background-color:#ccc;}class方式一class方式二class方式三（1）2}">class方式三（2）style方式一style方式二newVue({el:'#itapp',data:{bb:'aa',dd:'bb',num:1,xx:{color:'blue',fontSize:
2b勿扰·2020-09-11 11:52

vue 路由概念_Vue基本概念的演练

vue路由概念Vue教程(VueTutorial)We'regoingtocreateasmallapplicationwithVue.我们将使用Vue创建一个小型应用程序。
cuk5239·2020-09-11 08:56

(精华2020年5月8日更新) vue教程篇 vue-router路由的权限控制

权限控制-filters.active{font-size:20px;color:#ff7300;text-decoration:none;}.main-menua{display:inline-block;margin-right:10px;}主页用户财务信息-->{{item.meta.title}}{{item.meta.title}}-->添加路由替换路由用户信息用户登陆用户注册用户注册v
2b勿扰·2020-09-11 07:52

(精华2020年5月4日更新) vue教程篇 v-model的使用

常用指令v-model{{msg}}----{{arr}}----{{age}}----{{users}}0102{{name}}----{{tag}}----{{test}}varvm=newVue({el:'.app',//指定关联的元素data:{//存储数据msg:'HelloWorld',arr:[1,2,3],age:21,users:{id:12,name:'秋香'},name:''
2b勿扰·2020-09-11 07:52

(精华2020年5月5日更新) vue教程篇 简单小结(2)-元素拖动

练习：自定义指令实例（元素拖动）#appdiv{width:100px;height:100px;position:absolute;}#app.hello{background-color:red;top:0;left:0;}#app.world{background-color:blue;top:0;right:0;}itapp{{msg}}改变msg//Vue.directive('drag
2b勿扰·2020-09-11 07:52

(精华2020年5月4日更新) vue教程篇 v-bind的使用

属性绑定和属性的简写window.onload=function(){letvm=newVue({el:'#itany',data:{url:'https://www.baidu.com',w:'200px',h:'200px',tag:'xxxxx'}});}-->-->
2b勿扰·2020-09-11 07:52

(精华2020年5月8日更新) vue教程篇 手写脚手架vue-cli

首先先上脚手架目录webpack-demowebpack-demo|-index.html|-src----|-main.js入口文件------|-App.vuevue文件|-package.json工程文件|-webpack.config.jswebpack配置文件|-.babelrcBabel配置文件安装如下包npminstallvue-Snpminstallwebpack-Dnpminst
2b勿扰·2020-09-11 07:52

2，列表渲染指令v-for以及过滤和排序---vue教程

列表渲染指令过滤v-for的使用遍历数组和对象遍历数组：序号：{{index}},书名:{{book.name}},价格：{{book.price}}newVue({el:"#app",data:{books:[{name:'Vue.js',price:50},{name:'Javascript',price:30},{name:'Css',price:40},{name:'Html',price
yijilei·2020-09-11 06:11

(精华2020年5月4日更新) vue教程篇 v-for的使用

常用指令：v-forwindow.onload=function(){newVue({el:'#app',data:{arr:[12,4,5,34,2,11],users:[{id:9527,name:'唐伯虎',age:25},{id:1001,name:'秋香',age:22},{id:1002,name:'石榴姐',age:24}]}});}{{value}}{{index+1}}---{{
2b勿扰·2020-09-11 05:23

几个javascript框架对比（vue,react,Angular等），如何选择？

React原生渲染，跨平台开发规模向上拓展向下拓展Angular大型应用TypeScript体积学习曲线Ember全能框架KnockoutIE浏览器支持到IE6Ploymer谷歌项目Riot微型应用结束语vue
北海拾贝·2020-09-10 23:58

vue教程

1.环境安装下载node.js并安装http://nodejs.cn/download/查看node及npm版本,nodejs安装自动安装了npm设置加速镜像npminstall--registry=https://registry.npm.taobao.org安装cnpmnpminstallcnpm-g安装vue-clicnpminstallvue-cli-gvue版本vue-V安装webpac
你若安好便是晴天·2020-08-24 17:29

《Vue教程五》Vue中的语句

条件语句v-if与v-show：v-if：v-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回true值的时候被渲染。v-else-if，充当v-if的“else-if块”，可以连续使用。必须紧跟在带v-if或者v-else-if的元素的后面，否则将不会被识别。v-else指令来表示v-if的“else块”，必须紧跟在带v-if或者v-else-if的元素的后面，否则将不会被识别。
花铛·2020-08-23 21:27

Vue在列表中绑定点击事件后的处理方法

1.查询Vue教程可知，事件处理器，因为在Vue中this指向的是Vue本身，所以可以通过在绑定点击事件是传入$eventGreetvarexample2=newVue({el:'#example-2'
h_opingocean·2020-08-23 07:48

Vue教程-Vue语法糖与v-bind绑定CSS样式-学习vue第一站深入浅出（五）

语法糖v-bind和v-on指令都提供了缩写方式：v-bind缩写为：“：”v-on缩写为：“@”可以动态更新H5元素属性，示例：Vue语法糖-示例无语法糖链接有语法糖链接varapp=newVue({el:'#app',data:{url:'https://blog.csdn.net/weixin_43687095',imgUrl:'https://img-blog.csdnimg.cn/201
郝小胖的独门秘笈·2020-08-23 03:58

VUE入门基础笔记

1,首先说明,这篇笔记是参照尚硅谷vue教程视频而来,如有侵权,请联系删除2,直接上示例3.1vue数据绑定数据绑定{{msg}}constvm=newVue({el:'#app',//dom元素data
weixin_30684743·2020-08-23 03:06

Vue资料总汇

Vue.js和Webpack》(一)(二)(三)《尤小右采访》作者的采访有一些设计理念腾讯全端AlloyTeam团队《mvvm学习&vue实践小结》Vue+webpack项目实践Vue.js源码学习笔记Vue
水墨寒·2020-08-22 22:49

【Vue教程十一】监听属性watch 和 计算属性computed

一、监听属性watch1、使用这个属性可以监听data中指定数据的变化，然后触发这个watch对应的function函数：+=exportdefault{data(){return{firstName:"",lastName:"",fullName:""};},props:["title"],methods:{},watch:{//使用这个属性可以监听data中指定数据的变化，然后触发这个watc
qing_小诺·2020-08-22 17:42

【Vue教程十】过渡 和 动画

一、使用过渡类名：step1：将需要实现动画的元素用标签包起来：动画哦step2：定义一组过渡样式：上图可以看出，v-enter和v-leave-to样式是一样的，v-enter-active和v-leave-active定义的是动画持续时间等。/*定义进入过渡的开始状态和离开过渡的结束状态*/.v-enter,.v-leave-to{opacity:0;transform:translateX(
qing_小诺·2020-08-22 17:41

vue vuex

https://alexzhong22c.github.io/2017/04/25/vue-time-tracker/vue教程vuexhttps://yami.io/vuex-namespace/
凯旋·2020-08-21 00:36

(精华2020年5月4日更新) vue教程篇 v-text,v-html,v-once,v-pre,v-cloak的使用

模板window.onload=function(){letvm=newVue({el:'#app',data:{msg:'文本',msg2:'文本html',},created:function(){},methods:{},mounted(){this.msg='测试'}});}/*必须配置css样式，否则不生效*/[v-cloak]{display:none;}标题：{{msg}}{{msg
2b勿扰·2020-08-18 23:19

(精华2020年5月5日更新) vue教程篇 vue实例属性的使用

静态实例属性vue实例的属性和方法{{msg}}helloworldtitle：{{nameK}}varvm=newVue({//el:'#app',data:{msg:'welcometoapp',nameK:'xixihaha'},name:'xut',age:10,show:function(){console.log('show');},methods:{},mounted(){}});v
2b勿扰·2020-08-18 23:19

vue教程推荐

vue2.x系列在线交互式教程：vue教程vue教程全面系统地讲解最新的前端框架Vue.js2.x，内容涵盖响应式计算机制、指令和组件、动画效果等诸多方面，教程深入浅出，即适合没有Vue.js开发基础的前端初学者学习
weixin_33758863·2020-08-18 22:06

web前端 | vue.js系列教程3

原创文章，转载请注明：转载自技术哥技术哥给你不一样的世界vue在上一期的vue教程我们搭建好了vscode的开发环境后，写下第一行代码”HelloWorld！”
Tdata技术哥·2020-08-17 20:55

【FastAPI后台API 二】SqlAlchemy Model模型类

FastAPISqlAlchemyORMModel本系列博客是配合Vue开发一套后台管理系统，对应的Vue教程见个人博客https://www.charmcode.cn/FastAPI使用SqlAlchemy
wgPython·2020-08-17 17:50

Vue之Vue的初体验

视频教程是b站上coderwhy的vue教程。VueVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
U_yong·2020-08-11 18:36

vue系列教程-04vue数据处理和页面渲染

本内容为系列内容，全部内容请看我的vue教程分类我的个人博客本节仓库地址视频教程地址vue定义数据还记得前面说的mvvm的model层吗?
lookroot·2020-08-11 17:40

vue教程2-07 微博评论功能

vue教程2-07微博评论功能[v-cloak]{/*比较大的段落，防止闪烁，看到花括号*/display:none;}Vue.filter('date',function(input){varoDate
weixin_34277853·2020-08-09 00:15

Day19_07_Vue教程之Vue表单输入

Vue教程之Vue表单输入一.什么是双向数据绑定Vue.js是一个MVVM框架，即数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。
一一哥Sun·2020-08-08 21:55

Day19_10_Vue教程之v-for

Vue教程之v-for一.循环遍历语句v-for二.HTML{{item.message}}注：items是源数据数组并且item是数组元素迭代的别名。
一一哥Sun·2020-08-08 21:55

Day19_09_Vue教程之v-on

Vue教程之v-on一.监听事件v-on二.HTML点我注：在这里我们使用了v-on绑定了click事件，并指定了名为sayHi的方法三.JavaScript方法必须定义在Vue实例的methods对象中
一一哥Sun·2020-08-08 11:51

Vue 生命周期和钩子函数的理解

前提声明此篇文章是看视频自己总结的学习笔记视频是B站的vue教程-黑马-205集完整版大家可自行搜索概念生命周期：Vue的生命周期（个人理解）：从vue的创建、运行到销毁的过程中，都会有一些相应的事件或者说是函数
一名假人·2020-08-08 11:20

(精华2020年5月4日更新) vue教程篇 axio的使用

地址为本地，需要请求数据科研自己搭建后端api，或者用mock发送AJAX请求window.onload=function(){newVue({el:'#app',data:{user:{name:'xut',age:29},uid:'',loginMsg:{}},methods:{getUserById(){axios.get(`https://api.github.com/users/${th
2b勿扰·2020-08-07 20:45

Vue.js教程-目录

Vue.js教程-目录简介章节列表Vue简介Vue特点Vue中数据观测的实现Vue项目打包Vue的组件化开发Vue与后端的数据交互：axios相关说明简介本目录作为Vue教程的首页，所以会持续更新。
CoderHqf·2020-08-04 23:56

SpringCloud+Vue微服务教程与实战(1)--全新的开始

然后呢，是时候开启SpringCloud+Vue微服务的教程与实战系列了，先讲一下SpringCloud教程部分、然后讲一下Vue教程部分、最后实现一个SpringCl
熊猫大哥大·2020-08-04 21:51

(精华2020年5月8日更新) vue教程篇 vue-router路由的使用

基本用法路由基本用法/*.router-link-active{font-size:20px;color:#ff7300;text-decoration:none;}*/.active{font-size:20px;color:#ff7300;text-decoration:none;}主页新闻//1.定义组件varHome={template:'我是主页'}varNews={template:'
2b勿扰·2020-08-01 05:40

Vue教程11：利用JS实现路由跳转，路由监听和导航守卫

示例代码请访问我的GitHub：github.com/chencl1986/…利用JS实现路由跳转代码示例：/lesson10/01.vue-router最基本的路由.html使用this.$router.push方法可以实现路由跳转，this.$router.replace实现替换当前路由。两个方法的第一个参数可为string类型的路径，或者可以通过对象将相应参数传入。通过this.$route
weixin_34265814·2020-08-01 04:36

vue教程3-06 vue路由嵌套(多层路由)，路由其他信息

多层嵌套：Document.v-link-active{font-size:20px;color:#f60;}主页新闻我是主页登录注册我是新闻//1.准备一个根组件varApp=Vue.extend();//2.HomeNews组件都准备varHome=Vue.extend({template:'#home'});varNews=Vue.extend({template:'#news'});//3
weixin_33768481·2020-08-01 04:17

【技术研究】springboot+vue爬坑指南-2020.5.13

最真实的技术研究记录全过程B站看了下vue教程，两倍速+拖动快速预览后，发现基本环境在之前测试小程序开发流程时已经安装完毕了，于是找了一篇介绍springboot+vue框架搭建的博客（SpringbootVueLogin
小魏的马仔·2020-07-31 11:37

Vue教程04：v-for指令

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。v-for循环数组、对象代码参考：/lesson04/01.v-for指令.html使用v-for="(item,index)initems"就可以将数组或对象中的数据循环输出。JavaScript：letvm=newVue({el:'#app',//根元素或挂载点。data:{users:[{name:'lee',password:
Lee_Chen86·2020-07-29 17:16

Vue教程11：利用JS实现路由跳转，路由监听和导航守卫

阅读更多系列文章请访问我的GitHub博客，示例代码请访问这里。利用JS实现路由跳转代码示例：/lesson10/01.vue-router最基本的路由.html使用this.$router.push方法可以实现路由跳转，this.$router.replace实现替换当前路由。两个方法的第一个参数可为string类型的路径，或者可以通过对象将相应参数传入。通过this.$router.go(n)
Lee_Chen86·2020-07-29 05:37

(精华2020年5月12日更新) vue教程篇 webpack配置详解

package.json的启动"scripts":{"build":"rimrafdist&&webpack--configwebpack.config.js--modeproduction","dev":"webpack-dev-server--configwebpack.config.js"}基本共用配置文件webpack.common.jsvarwebpack=require('webpac
2b勿扰·2020-07-29 04:19

Vue2.0路由篇之路由跳转的一个小问题

vue-router(v3.0.1)、vuex(v3.0.1)vue的基础知识请参考vue官方网站关于路由的基础知识请参考vue-router官方网站有关Vuex的基础知识请参考vuex官方网站在看完一些vue
xinlei_ye·2020-07-29 00:24

Vue混入挂载

Vue教程——混入的例子只是输出到控制台。
那年花开月正圆·2020-07-28 19:30

Vue.js教程-安装和HelloWorld

Vue.js教程-安装和HelloWorld前言安装vue教程(HelloWorld)安装node.js安装Vue创建Vue项目(HelloWorld)开发工具创建第一个项目创建HelloWorld后话前言作为国内最潮流的前端框架值得一学
嗯哼→_→·2020-07-27 11:02

世上最简单的vue教程

一、需要了解的基本知识node.jsNode.js是一个Javascript运行环境(runtime)，发布于2009年5月，由RyanDahl开发，实质是对ChromeV8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。Node.js是一个基于ChromeJavaScript运行
ratelfu·2020-07-15 16:35

Vue教程--Wap端项目搭建从0到1（详解2）

前一段时间，写过文章“Vue教程--使用官方脚手架构建实例”，主要是针对PC端，架构
SeasonDe·2020-07-13 20:03

Vue 教程

Vue教程Vue2.0文档Vue专业中文社区每次更新的变化与webpack一起使用所需插件vue-loader-examplevue-html-loader文章尤小右Vue.js：轻量高效的前端组件化方案勾三股四
L_CINA·2020-07-13 19:31

vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（五）

推荐我的vue教程：VUE系列教程目录前言通过前面几章的实战，我们已经顺利的构建项目，并且从API接口获取到数据并且渲染出来了。制作更多的页面，更复杂的应用，就是各位自己根据自己的项目去调整的事情了。
言墨儿·2020-07-11 11:16

weex-eros+vue Android拍照并预览图片踩坑【小白向】

感谢“小豬仔”~开干之前，请先阅读Weex-Eros文档和Vue教程Windows(其他环境暂时没尝试)根据Eros文档要求安装配置环境，安装路径要改D盘的改D盘，不改的一路Next，链接文档里都有我就不放了
chubie3528·2020-07-11 03:29

vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（四）

推荐我的vue教程：VUE系列教程目录前言通过前面几篇教程，我们已经顺利搭建起来了项目，并且已经组建好路由了，安装了我们需要的sass的模板。
言墨儿·2020-07-09 21:05
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他