Vue入门

【Vue】Vue入门：el挂载及data数据对象

前言最近在公司工作时，需要针对Vue的框架修理bug，由于自身对Vue不太熟悉，所以前辈就让其去学习一下Vue，以便更好的投入到工作当中，顺便随便写个文章来记录下遇到的问题。基础简介1.js框架  使用之前，要先清楚，vue只是一个js的框架，而不是一个特别的语言，所以在学习vue之前，要先学会前端的三大剑客，HTML,CSS,JavaScript。而当前学习的Vue就是JavaScript的框架
张家浚xxlxck·2020-07-09 15:11

vue入门实例

Vue的一个简单实例Vue的简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。1、首先我们需要去vue官网下载vue.js文件https
weixin_33816946·2020-07-09 09:45

Vue入门到精通

Vue.js-Day1课程介绍前5天：都在学习Vue基本的语法和概念；打包工具Webpack,Gulp后5天：以项目驱动教学；什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js
qq_164165005·2020-07-09 08:02

vue快速入门的三个小实例

但是关于vue入门基础的文章，我还没有写过，那么今天就写vue入门的三个小实例，这三个小实例是我刚接触vue的时候的练手作品，难度从很简单到简单，都是入门级的。
非假非空·2020-07-09 08:56

Vue入门 实现简单的轮播图效果

Vue入门实现简单的轮播图效果首先创建一个vue实例，准备图片素材数组，通过v-for循环绑定图片，轮播图的切换通过v-show判断下标的改变实现显示或隐藏。
zyynb·2020-07-09 07:34

Vue入门(搭建环境、创建运行项目)

Vue是一个前端框架，特点是数据绑定：比如你改变一个输入框Input标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值；组件化：页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来一、编辑器选用vscode，下载并安装下载地址：https://code.visualstudio.com/说明：VSCode（VisualStudioCode
初级码奴·2020-07-09 01:27

vue入门笔记（一）（新手必看）

VueDay01B站原视频地址注：本文只是记录自己的学习过程文章目录VueDay01一、邂逅Vuejs1.1.认识Vuejs1.2.Vue的初体验1.3.创建Vue时,options可以放哪些东西二、插值语法三、v-bind3.1.v-bind绑定基本属性3.2.v-bind动态绑定class3.3.v-bind动态绑定style四.计算属性一、邂逅Vuejs1.1.认识Vuejs为什么学习Vue
Suarge·2020-07-08 21:23

vue入门篇（七）：Class和Style绑定

前言这篇文章和大家一起来学习一下Vue中的Class和Style绑定，它们都与样式有关，所以它们在开发中十分常见，我们需要熟悉它们的用法。Class绑定不管时Class绑定还是Style绑定都有两种用法，一个是对象的形式，一个是数组的形式。我们先来看看Class绑定是如何使用的吧。下面是一个例子：Document.activated{color:red;background-color:blue;
Beyond_630·2020-07-08 20:39

vue快速入门的三个小实例

但是关于vue入门基础的文章，我还没有写过，那么今天就写vue入门的三个小实例，这三个小实例是我刚接触vue的时候的练手作品，难度从很简单到简单，都是入门级的
weixin_33918114·2020-07-08 16:06

Vue 入门指南

Vue入门指南章节导航英文：http://vuejs.org/guide/index.html介绍vue.js是用来构建web应用接口的一个库技术上，Vue.js重点集中在MVVM模式的ViewModel
阿良__·2020-07-08 13:22

带你从Vue入门到进阶

系统学习前端Vue框架，笔记记录于B站的why老师，具体视频链接,在此感谢老师的悉心授课。我的github笔记地址欢迎访问我的博客MyBlog:https://coderblue.cn/Github:https://github.com/CoderBleuMyProject:https://coderblue.cn/project/初始化Vue初始VueHello{{name}}{{item}}c
coderblue·2020-07-08 03:26

Vue入门第2天-------Vue模板语法(一)

一、Vue模板语法1.1前端渲染前端渲染把数据填充到HTML标签中前端渲染方式原生js拼接字符串使用前端模板引擎使用Vue特有的模板语法1.2指令什么是指令？自定义属性就是指令指令的格式：以v-开始（比如：v-cloak）v-cloak指令的用法提供样式[v-cloak]{display:none;}在插值表达式所在的标签中添加v-cloak指令{{msg}}使用v-cloak是因为插值表达式存在
chowhoundgh·2020-07-08 02:10

vue成长之路+实战+Vue2+VueRouter2+webpack（一）vue-router路由入门

推荐我的vue教程：VUE系列教程目录前言通过前面我写的VUE入门博客，相信已经大概了解VUE是何物，但是对于细节性的问题我们还是有些忽略，有很多网友希望我能继续写相关博客，但是由于工作繁忙原因一直无空去写
nongshuqiner·2020-07-07 18:17

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

vue入门之路篇系列教程：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（二）vue最简单的入门教程
nongshuqiner·2020-07-07 18:17

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

vue入门之路篇系列教程：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（二）vue最简单的入门教程
nongshuqiner·2020-07-07 18:17

SpringBoot+vue旅游项目总结

Springboot+vue旅游项目小总结此项目为一个springboot+vue入门级小项目，视频地址为：https://www.bilibili.com/video/BV1Nt4y127Jh业务简单
史蒂夫:王·2020-07-07 17:26

Vue入门 部署、数据与方法、生命周期

Vue入门第一课从最简单的开始，DclodeVue.js教程，个人感觉简单易懂。
刘一命·2020-07-07 16:22

vue入门第一课

##Vue.js提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API1.MVVM模型使用Vue的过程就是定义MVVM各个组成部分的过程的过程。*定义View*定义Model*创建一个Vue实例或"ViewModel"，它用于连接View和Model。===={{message}}//这是我们的ModelvarexampleData={message:'HelloWorld!'}//
脱单研究所·2020-07-07 10:56

太赞了，SpringBoot+Vue前后端分离完整入门教程！

最近很多小伙伴都在学习前后端分离的知识，苦于找不到好的基础资料，于是我翻箱倒柜，找了一份好的Vue入门视频和笔记pdf，然后更是亲自录制了SpringBoot+Vue的前后端分离的综合项目，现在统统免费共享给大家
chenssy·2020-07-07 05:29

vue精要知识梳理

Vue入门之概念及HelloworldVue简介Vue是一个前端的双向绑定类的框架，发音[读音/vjuː/,类似于view]。
zoulaizouquzhidaobu·2020-07-07 02:51

VUE中实现长文本的展开和收起功能的三种方式

在VUE入门到放弃的时候，遇见了你，叫我实现长文本的展开和收起功能。经过不断的放弃过程，最后总结了三种方式实现。
梅子丶黄时雨·2020-07-06 23:24

vue入门（安装环境与搭建项目）

前言最近一同事项目上需要用到vue技术，对于完全没有学过，只是对vue充满好奇的路上，在目前结束项目且比较闲的今天，入手学习了下vue。先从安装环境与搭建项目开始。为下一个项目做准备！互联网这一行业，一旦没有项目也就意味着离离职不远了，所以保持点危机感，对于未知的前方也许碰到了这项技术，你可以说正好我会，正好我熟悉，正好我精通。机会总是留给有准备的人，不是嘛~【写这篇文章时，我对vue.js的了解
耳耳日记·2020-07-06 08:48

Day7：Vue入门学习——传智播客学习笔记【微服务电商】

本节依旧是前端内容，但还是了解一下基础的入门知识学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因此今天我们就要来了解一下前端的
Lishier99·2020-07-06 05:11

后端小白的VUE入门笔记, 进阶篇

使用vue-cli(脚手架)搭建项目基于vue-cli创建一个模板项目通过npmroot-g可以查看vue全局安装目录,进而知道自己有没有安装vue-cli如果没有安装的话,使用如下命令全局安装cnpminstall-gvue-cli创建一个基于webpack的新项目,在这过程中,会安装依赖vueinitwebpack项目名启动cdvue-router-demonpmstart常用的目录结构如果我
weixin_38171030·2020-07-06 02:41

vue入门（01）

一、VUE初体验const定义常量let定义变量能够改变列表展示：{{item}}letapp=newVue({el:'#app',data:{message:'你好',movies:['海王','星际穿越','大话西游','盗梦空间']}})计数器展示：当前计数：{{counter}}+-->--->+-constapp=newVue({el:'#app',data:{counter:0},me
wangwei_620·2020-07-05 19:33

vue入门（2）：v-for的使用：

vue入门（2）：v-for的使用：一、v-for循环普通数组我们可以用v-for指令基于一个数组来渲染一个列表。
tinglis·2020-07-05 14:55

Vue入门-初识与数据绑定

一、Vue介绍vue是MVVM的框架,model,view,viewmodel,由viewmodel控制所有逻辑的实现,实现把model渲染到view上,实现model和view高度分离,解耦.(model模型,view视图)二、Vue开发A.通过script引入Vue文件,进行开发(较少使用)B.通过Vue-cli(即Vue脚手架,或命令行工具,类似于angular-cli)搭建项目,该方式是项
ZYN5431·2020-07-05 08:47

Vue入门-子组件向父组件通信与父组件调用子组件中的方法

子组件向父组件通信子组件的button按钮绑定点击事件,事件方法名为sendToParent(),该方法在子组件的methods中声明,实现功能this.$emit('cus-event',this.msg);在父组件引入子组件,并给cus-event事件绑定doAction($event)方法,该方法中this.msg=e;console.log(e),而msg已经在data中声明,其值为”子级
ZYN5431·2020-07-05 08:47

Vue入门（四）Vue指令之显示切换和属性绑定

前言本章讲解的是Vue指令中关于显示切换和属性绑定的内容方法1.显示切换之v-show该指令表示根据表达式的真假，切换元素的显示与隐藏应用实例：Vue指令{{message}}varapp=newVue({el:'#app',data:{message:'HelloVue!',flag:false},methods:{toggle:function(){this.flag=!this.flag;}
程序猴jwang·2020-07-05 03:49

Vue入门（五）Vue指令之列表循环和表单元素绑定

前言本章讲解的是Vue指令中关于列表循环和表单元素绑定的内容方法1.列表循环之v-for该指令表示根据数据生成列表结构应用实例：Vue指令{{item}}{{index}}、{{item}}{{item.name}}:{{item.age}}varapp=newVue({el:'#app',data:{arr:[1,2,3,4,5],objs:[{"name":"张三","age":24},{"n
程序猴jwang·2020-07-05 03:49

Vue入门（三）Vue指令之内容和事件绑定

前言本章讲解Vue的相关指令的学习，包括了内容绑定和事件绑定方法1.内容绑定之v-text该指令的作用在于设置标签的文本值，相当于前面所看到的设值表达式（双大括号），但是也有些许不同。应用实例：Vue指令varapp=newVue({el:'#app',data:{message:'HelloVue!'}})运行结果：相信大家已经发现了，这个不是和前面的插值表达式是一样的吗？到底它们有什么不同呢？
程序猴jwang·2020-07-05 03:49

Vue入门（六）Vue+Axios实现网络请求

前言本章讲解使用vue结合axios实现网络请求的基本知识方法1、axios库的获取方法网址：https://unpkg.com/axios/dist/axios.min.js我们可以将网页上的js内容拷贝到新的js文件axios.min.js2、axios请求的基本语法这里我们提供两个进行测试的网络地址：获取随机笑话：https://autumnfish.cn/api/joke/list请求方法
程序猴jwang·2020-07-05 03:49

Vue入门（二）Vue基础

前言本章根据前面的讲解对有关的语法做进一步的讲解和扩充，夯实基础方法1.el挂载点所谓挂载点，就是前面例子中vue实例所管理的元素，这类似于css和jq的选择器。varapp=newVue({el:'#app',data:{message:'HelloVue!'}})上面的示例中，vue管理id为app的标签元素（el:'#app'）。那么我们能不能像jq一样设置其他的挂载点呢？答案是可以的。1）
程序猴jwang·2020-07-05 03:19

VUE入门CDN引入,实例化VUE对象。

1、使用CDN方法引入VUE链接官网链接：引入地址直接引入推荐链接即可2.创建一个新的THML文件直接引入官网推荐的script链接即可3.建立VUE实例化对象创建一个js文件创建完毕后HTML页面正常引入即可HTML里面需要一个VUE的跟容器，JS文件中直接实例化VUE对象；在跟容器中创建一个新的元素，使用VUE方法的方法{{}}两个花括号，直接应用实例化对象中的对象即可。效果如下：成功显示出Z
乘风破浪大Zoro·2020-07-04 23:19

Vue Demo Vue入门 从node 安装 到创建一个 空白项目

一、node环境搭建1.安装nodenode官网https://nodejs.org/zh-cn/.下载安装之后win+R键打开cmd命令窗口运用node-v可以查看到node版本标识node安装成功.2.查看npm是否安装成功.>可以先新键一个空白文件夹用cmd命令进入当前文件夹二、安装Vue脚手架vue-cli可以使用npm直接安装或者cnpm安装>npm安装命令-----npminstall
AiShishao·2020-07-04 21:27

Vue入门-父组件向子传值与子组件调用父组件中的方法

Vuex是什么？一般用于中大型项目，管理组件中的传值方式，相当于angular中的全局服务，里面有store声明的属性可以共享，每个组件都可以绑定。想要改变值，可以向store提交一个突变，方法便会执行一次。父向子传值1、child子组件对desc属性绑定的是sString,而sString的值是高渐离,故结果为:显示父级传过来的值:高渐离。注意:子组件要接收父组件传进来的值,那么一定要放在pro
ZYN5431·2020-07-04 01:28

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

vue入门之路篇系列教程：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一）vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（二）vue最简单的入门教程
nongshuqiner·2020-07-02 13:05

vue-统一api管理

第一章vue入门第二章vue统一api管理第三章vuex状态管理第四章vue登录示例vue统一api管理参考文档参考文档统一api管理在第一章中main.js中引入axios就可以在.vue中使用axios
nohero1·2020-07-02 13:56

vue入门级教程从零搭建一个vue项目

一、安装node环境1、下载地址为：https://nodejs.org/en/2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/输入：npminstall-gcnpm–registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直
MmM豆·2020-07-02 11:20

B站30K播放量，SpringBoot+Vue前后端分离完整入门教程！

最近很多小伙伴都在学习前后端分离的知识，苦于找不到好的基础资料，于是我翻箱倒柜，找了一份好的Vue入门视频和笔记pdf，然后更是亲自录制了SpringBoot+Vue的前后端分离的综合项目，现在统统免费共享给大家
Java思维导图·2020-07-02 05:14

vue入门视频教程 vue基础到项目实战

本课程从理论到项目,涵盖Vue各个层面的基础知识和Vue开发项目实战。对于很多刚接触Vue的同学,最难做到的就是编程思路的切换,这门课程,我们将通过形象的例子给大家讲解Vue的基础语法及编程思路！自学前端软件工程师要多久?零基础自学前端到精通成为前端工程师起码需要6个月！Vue框架算是比较高级的框架，所以在使用过程中还需要JavaScript、JavaScript2015、WebPack、Node
fengliaoai·2020-07-01 23:48

VUE入门（一）——基础语法

1.1VUE基本认识1.1.1官网1)英文官网:https://vuejs.org/2)中文官网:https://cn.vuejs.org/1.1.2介绍概述Vue.js（简称为Vue）是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页面应用的Web应用框架。所谓单页Web应用（singlepagewebapplication，SPA），就是只有一张Web页面的应用，是加载单个
健康搬砖人·2020-07-01 15:59

VUE入门

一、技术准备二、开发工具三、使用vue-cli快速开始模板项目四、给项目添加组件五、使用vue-router添加路由功能六、使用axios请求数据七、引入第三方UI库八、更多的VueVue.js做为目前前端最热门的库之一，为快速构建并开发前端项目多了一种思维模式。本文通过一个简单的实例开始上手Vue.js开发。一、技术准备使用传统mvc项目的开发人员，笔者建议在开始项目前，对以下两个技术点进行了解
35eeabfa0772·2020-07-01 00:57

Vue入门指南（4）

双向数据绑定一般双向数据绑定存在于input/select/textarea，因为它既要有输入数据的地方，也要有输出数据的地方。现在我们希望在input里输入姓名，在span里可以即时的显示我们输入的内容，我们就需要拿到input的value值，这时我们要用到ref：数据双向绑定input/select/textarea姓名:{{name}}newVue({el:"#vue-app",data:{
我向你奔·2020-06-30 19:59

Vue入门简介

Vue的简介及作用Vue是一个针对前端元素创建及根据业务维护元素的框架，通过使用Vue框架的开发规则可以很简洁、高效的开发业务、复用业务。Vue也是一套针对耦合性的框架，整体设计类似后端java的@注解，使用此框架能有效的解决页面的部分耦合问题，有效减少维护成本。使用Vue进行开发，即使用当前企业级开发中MVVM框架进行开发。所谓MVVM，MV是后端mvc的另一种意义上的简称，作用是提供数据；VM
xiaofather·2020-06-30 00:26

vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程（一）

转载自：http://www.jianshu.com/p/d87d7140944e导语本次将会从头到尾详解，怎样使用vue和ElementUI快速开发后台管理系统，以及在开发过程中遇到的一些bug在线demo源码如果运行时报错，请检查几个包的版本node.js6.9.2cnpm3.10.10vue2.1.6element-ui1.0.9项目结构分析活动发布步骤一步骤二步骤三步骤四活动管理列表页活动
不懂你的黑色幽默是我·2020-06-29 21:15

使用Vue-cli 3.0搭建Vue项目

31更新]：vue-cli3.0正式版的中文文档已经出来了，详细的可以参考：https://cli.vuejs.org/zh/guide/关于Vue的其他基础知识，可以看我的文章（持续更新中）：\1.Vue
皮皮灬虾·2020-06-29 02:04

vue入门 | 使用vue.js2.0 + ElementUI开发后台管理系统详细教程

导语本次将会从头到尾详解，怎样使用vue和ElementUI快速开发后台管理系统，以及在开发过程中遇到的一些bug在线demo源码如果运行时报错，请检查几个包的版本node.js6.10.0npm3.10.10vue2.1.6element-ui1.0.9项目结构分析活动发布步骤一步骤二步骤三步骤四活动管理列表页活动详情页活动详情步骤一步骤二步骤三步骤四报名管理签到数据统计评价管理开发前准备开发前
catherinawwww·2020-06-28 21:14

Electron-vue开发实战0——Electron-vue入门

原文首发于我的博客，欢迎点击查看获得更好的阅读体验~前言前段时间，我用electron-vue开发了一款跨平台（目前支持Mac和Windows）的免费开源的图床上传应用——PicGo，在开发过程中踩了不少的坑，不仅来自应用的业务逻辑本身，也来自electron本身。在开发这个应用过程中，我学了不少的东西。因为我也是从0开始学习electron，所以很多经历应该也能给初学、想学electron开发的
weixin_34290352·2020-06-28 16:01

VUE系列一：VUE入门：搭建脚手架CLI（新建自己的一个VUE项目）

一、VUE脚手架介绍官方说明：Vue提供了一个官方的CLI，为单页面应用快速搭建(SPA)繁杂的脚手架。它为现代前端工作流提供了batteries-included的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时lint校验，以及生产环境可用的构建版本。更多详情可查阅VueCLI的文档。个人理解：在实际开发中都是通过脚手架快速搭建一个vue项目，当然也可以使用CDN的方式（具体请看
weixin_34279061·2020-06-28 15:36
上一页 8 9 10 11 12 13 14 15 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他