vue入门

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

02 - Vue入门：模板语法

模板语法插值，遵循Mustache语法{{message}}```输出原始的HTML文本，需要使用到v-html指令原始的HTML文本：{{rawHtml}}其中{{rawHtml}}被渲染为一段文本，而包含v-html属性的标签被渲染为HTML。v-once指令作用在标签属性上，表示该标签内的插值只会被渲染一次插值中可以使用JavaScript表达式，例如：三目运算、++、–、字符串处理函数由于
Jackaroo_Zhang·2020-06-26 15:50

01 - Vue入门：Vue实例

01-Vue入门Vue实例数据的双向绑定{{msg}}//app就是一个ViewModel，无论是页面中的数据改变，还是模型中数据的改变都会触发ViewModel的更新。
Jackaroo_Zhang·2020-06-26 15:50

Vue入门之组件化开发

Vue入门之组件化开发http://www.jianshu.com/p/6718ab1caa81组件其实就是一个拥有样式、动画、js逻辑、HTML结构的综合块。
大灰狼的小绵羊哥哥·2020-06-26 10:40

Vue入门（简介、CDN、v-model、v-on）

简介1.Vue.js是什么？Vue是一个构建用户界面(UI)的[渐进式]JavaScript框架官网：https://cn.vuejs.org/Vue作者：尤雨溪/中国无锡2.库和框架的区别2.1库(Library)，本质上是一些函数的集合。每次调用函数，实现一个特定的功能，接着把控制权交给使用者代表：jQueryjQuery这个库的核心：DOM操作，即：封装DOM操作，简化DOM操作2.2框架(
冬.·2020-06-26 03:40

Vue入门——开源项目vue-element-admin本地运行

Vue入门——开源项目vue-element-admin本地运行1.项目地址与简介官方项目地址：Github：vue-element-admin的Github首页Gitee：vue-element-admin
小蜉蝣星蔚·2020-06-25 23:27

个人技术总结

这个作业属于哪个课程2020春|S班(福州大学)这个作业要求在哪里个人作业——软件工程实践总结&个人技术博客这个作业的目标软件工程实践总结&个人技术博客作业正文在这其他参考文献个人技术总结-Vue入门及搭建前端环境一
toyouq·2020-06-25 19:00

vue入门：对vue项目中api接口的封装管理

小编推荐：Fundebug提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大佬公司都在使用。很多朋友在开发过程中，习惯性直接将api的调用写在单个组件之中，就直接调用请求。例如：在前端项目开发中，从整体架构出发，我们可以将项目中所有api进行封装，从而便于我们进行统一管理。在src目录下，新建api文件夹，在a
JoshFenge·2020-06-25 17:15

Vue入门 ---- 简易留言板

##简述初学vue，比Angular要简单易学一点，基本就是html代码+json。这是第一个小的例子，用到了vue的几个常用方法，其中v-for的$index稍微有点迷惑，也影响了完成的速度，网上说是vue2.0已经取消了这种用法，也不是很明白，跟着教程走的，后面的教程有讲解vue2.0的新特性，所以到后面完善吧。同时复习到了bootstrap的知识，之前知识稍微用过，现在才渐渐的明白这种css
李淡然·2020-06-25 16:11

vue入门：php+mysql+axios+vue写登录页面技术总结（待更新）

大概想要实现：从vue前端获取用户名密码信息，post给后台，经后台验证返回json信息，可以验证用户是否存在，可以完成登录操作（进阶设想实现：登录自动生成验证码、加密传输用户名密码（md5）、写cookie、session、了解vue声明周期（在页面载入时自动登录各种场景运用））要点总结写PHP接口文件，接收前台post过来的json文件，验证用户信息是否存在数据库（进阶：防止恶意SQL注入），
Small盼盼·2020-06-25 13:16

【前端大神面考面试官系列】入门Vue全家桶

达达写下代码：创建项目Vue入门之Helloworld{{message}}varapp=newVue({//创建Vue对象。Vue的核心对象。el:'#app',//el属
达达前端·2020-06-25 10:48

Vue 入门级教程

Vue入门级教程vue是现下比较火的前端框架，其优越性我也不多说；记得我第一次用的vue-cli搭建项目的时候也闹了不少笑话；以下提供一些自己的经验之谈，也欢迎大家评论留言共同学习进步。
web前端的博客·2020-06-25 02:29

Vue从入门到精通（5）--第四阶段（上）：Vue入门及Vue-cli上手教程

第四阶段vue2.0语法vue2.0+webpack搭建开发环境官方脚手架vue-cli    Vue的作者尤雨溪大神写了一篇《新手向：Vue2.0的建议学习顺序》来介绍Vue及相关知识点的学习路线，主要列出了知识点概要，如果你觉得略空洞，可参考我之前介绍的学习资料，vue的相关资料我会在后面介绍。    新手向：Vue2.0的建议学习顺序尤雨溪注：2.0已经有社区翻译的中文文档。如果对自己英文有
李晓_·2020-06-24 22:26

Vue入门

1Node.js认识前端可开发后端(仅限于小型应用)异步风格深受开发人员喜爱NPM作为node.js的包管理系统首次发布NPM是Node提供的模块管理工具，可方便的下载安装很多前端框架相当于咱们后端的Maven1.1前端框架认识1.2前端三巨头名称特点Vue.js轻量级渐进式框架React.js混合式开发(集Web开发与APP于一身)Angular.js曾经最火1.3MVVM模式的认识M：即Mod
梦里花落知多少、·2020-06-24 20:21

vue构建pc端项目（ElementUI）、vue入门小应用

Webpack+Vue-router的架构方式Vue-cli安装省略（vue-cli搭建）ElementUI库（pc端）的引用（见下文）打包（项目完成后打包放服务器）在项目目录下运行npmrunbuild运行完成之后会在项目里面增加一个dist的目录，直接把这个目录丢给服务器就好了，dist目录的名字可以自定义在配置文件里面上面1、2项完成好后，在命令框中运行我们的项目npmrundev/npmr
muzidigbig·2020-06-24 16:39

vue入门 vue与react和Angular的关系和区别

一、为什么学习vue.jsvue.js兼具angular.js和react的优点，并且剔除了他们的缺点。二、vue.js是什么Vue是一个"MVVM框架（库）"，和angular类似，相比angular小巧，比较容易上手Vue是一个构建用户界面点的渐进式框架，与其他重量级框架不同的是，vue采用自底向上增量开发的设计vue的核心库"只关注视图层"，并且"非常容易学习"，非常容易与其他库或者已有的项
mingjuna2010·2020-06-24 14:16

Vue.js文档笔记（一）=> 模版语法

旨在较为完整的过一遍官方文档这是Vue的官方网站，也是接下来vue入门的学习路线的依据。当我们逐渐深入到vue里时，我们就会发现，我们只需要操作数据，当我们数据写好后，Vue会帮我们接管Dom操作。
余光、·2020-06-23 21:18

vue入门

一.什么是VUE渐进式的Javascript框架MVVM(Model,View,ViewModel)模式二.VUE基本语法2.1Vue的基本使用引用vue.js准备要挂载的标签创建vue对象，进行挂载Title{{message}}2.2el指定相应的挂载对象可以使用id,class,标签(建议使用id挂载)挂载后代表这个标签被vue接管2.3datavue对象准备的数据这个数据发生变化后,用到它
java_xiaoba1·2020-06-23 20:04

Vue组件生命周期

1032087-20170602101102321-121859235.pngVue入门之生命周期{{number}}varapp=newVue({el:'#app',data:{number:1},beforeCreate
daoqing99·2020-06-23 18:21

vue入门实践

一、VUE简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。二、Vue.js安装2.1兼容性Vue不支持IE8及以下版本，Vue中使用了
hhb200766·2020-06-23 14:02

全栈练习一：asp.net core 2.1 webapi连接postgrest数据库从零开始

前言VUE入门一段时间了，想要了解一些先进的后端技术，以便于快速流畅的实现一些小型系统。
henjuewang·2020-06-23 14:15

Vue入门练习TodoList

这两天一直在看Vue，所以打算写个小demo来更快的适应数据驱动视图的这种模式，毫无疑问，TodoList是最经典最棒的一个小项目，先从最简单的部分开始。首先需要梳理一下它的思路。大致是由三部分组成:表单及提交表单内容的按钮展示的任务列表未完成，已完成、总任务的实时展示数目先把基本的结构写出来Todolist添加{{item.message}}varvm=newVue({el:'#app',dat
webLi@2019·2020-06-23 13:29

05-Vue入门系列之Vue实例详解与生命周期

Vue的实例是Vue框架的入口，其实也就是前端的ViewModel，它包含了页面中的业务逻辑处理、数据模型等，当然它也有自己的一系列的生命周期的事件钩子，辅助我们进行对整个Vue实例生成、编译、挂着、销毁等过程进行js控制。5.1.Vue实例初始化的选项配置对象详解前面我们已经用了很多次newVue({...})的代码，而且Vue初始化的选项都已经用了data、methods、el、compute
derfyfxh588690·2020-06-23 03:09

创建一个基础的webpack并导入elementUI

简单使用首先安装vue环境，请看我另外一个博客安装node.js及安装nrm模块vue入门用vscode打开压缩包文件夹输入npmrundev，就可以启动服务了本项目有配置热更新，在启动服务的时候修改代码
brucelpt·2020-06-22 19:19

Vue入门（1）-- nodejs（12.16.1）安装及环境变量配置

VueCLI官方网址链接：https://cli.vuejs.org/zh/guide/installation.html由于VueCLI需要Node.js8.9以上版本，因此先安装Node.js一、node.js的安装以及环境变量的配置1.官网下载安装包，链接：https://nodejs.org/en/download/此处为node-v12.16.1-x64.msi选择Windows64-b
小白Rachel·2020-06-22 04:54

SpringBoot+Vue入门：项目前后端分离之实现简单登录demo

前言此demo是参考某位大佬的demo，我觉得他写的不错，便写下来了1.demo功能描述输入http://localhost:8080，回车浏览器自动跳转到http://localhost:8008/login登录页面。输入用户名、密码，点击登录功能实现效果如下：输入正确的用户名（zzc）和密码（123），则服务器验证正确后，前端页面自动跳转到首页http://localhost:8008/ind
菩提小猿·2020-06-22 00:04

Vue入门教程--vue的组件功能Component详解（article:16）

Vue.js初步入门组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：使用简介注册一个全局组件：Vue.component('组件名称',{配置选项})注册一个私有组件：components:{'组件名称':{配置选项}}在HTML页面调用组件：
DuCeh·2020-06-21 23:53

Vue入门笔记（一）——目录结构

本文中用到的项目来自：https://github.com/keepfool/vue-tutorials第一次接触vue，记录下自己学习成果目录结构项目的效果2.各个目录内容1）main.js项目的入口文件，创建了根vue实例，并引入根组件app.vue。每个Vue应用都是通过用Vue函数创建一个Vue实例开始的（一个Vue应用由一个通过newVue创建的根Vue实例，以及可选的嵌套的、可复用的组
Clever99·2020-06-21 18:01

（1）vue入门--目录讲解

项目使用vue-cli创建一、vue程序启动加载过程1.程序首先加载main.js2.main.js创建一个vue实例，并把实例挂载到id=app上,这个id=app会映射到app.vue（创建）3.启动时，首页加载index.html，根据id=app找到app.vue（使用）4.在app.vue里，根据router-view渲染页面二、目录结构解析bulid：项目打包相关config：项目的配
单车欲问边·2020-06-21 01:13

vue入门|ElementUI使用指南

vue入门|ElementUI使用指南1.开发前务必熟悉的文档：vue.js2.0中文,项目所使用的js框架vue-router,vue.js配套路由vuex状态管理ElementUI框架2.构建项目框架全局安装脚手架环境
a_Keri·2020-06-20 23:17

VUE入门

1.vue.js的快速入门使用1.1vue.js库的下载vue.js是目前前端web开发最流行的工具库，由尤雨溪在2014年2月发布的。另外几个常见的工具库：react.js/angular.js官方网站：中文：https://cn.vuejs.org/英文：https://vuejs.org/官方文档：https://cn.vuejs.org/v2/guide/vue.js目前有1.x、2.x和
追梦NAN·2020-06-18 14:00

Day16(yapi搭建、docker图形化工具portainer、安装redis、redis客户端远程连接、与springboot整合、vue入门、vsCode入门介绍、nodejs介绍)

yapi搭建接口管理工具yapi启动服务两部分构成：数据库和服务第一步：安装mongodockerrun-d--namemongo-yapimongo第二步：拉取yapidockerpullregistry.cn-hangzhou.aliyuncs.com/anoy/yapi第三步：初始化管理员账号和服务dockerrun-it--rm\–linkmongo-yapi:mongo\–entrypo
weixin_39919087·2020-06-02 17:54

vue入门基础案例

炒菜背景由于最近大家都喜欢vue这道菜，正好也在建站，所以就分享一下vue的原汁原味做法（基于官网的demo说明）。之乎者也Vue（读作/vjuː/，类似于view）是一个用于构建用户界面的渐进式框架。与其他单体框架不同，Vue从一开始就设计为可增量采用。核心库只关注于视图层，并且很容易与其他库或现有项目进行拾取和集成。另一方面，当与现代工具和支持库结合使用时，Vue也完全能够为复杂的单页应用程序
Ernest ZZ·2020-06-02 12:30

Vue入门小知识点

自己本是做iOS开发，但无奈世道残酷，正借公司有几个小前端项目，上手Vue（有前端同事开发用这个），这几天折腾下来，自我感觉离开发项目还有一段更加艰辛的路要走......我的学习途径主要是纸书（图书馆借的）、电子书、网络等，现将入门的工程新建做一个简单的总结。1、命令创建项目vueinitwebpackPROJECT_NAME‘PROJECT_NAME’是项目名称但可能不少人没有注意‘webpac
qhzq1987·2020-05-27 18:32

Vue入门2

1.计算属性computed:{定义方法，该方法必须有返回值}{{birth1}}//计算属性的方法必须有返回值constapp=newVue({el:"#app",data:{birthday:1529032123201,}，//计算属性的方法必须有返回值computed:{birth1:function(){constdate=newDate(this.birthday);returndate
撑起一片阳光·2020-05-07 15:00

Vue入门1

一、VueJs介绍Vue.js是一个提供了MVVM风格的双向数据绑定的Javascript库，专注于View层。它的核心是MVVM中的VM，也就是ViewModel。ViewModel负责连接View和Model，保证视图和数据的一致性；二、入门案例使用vue先引入vuejs-2.5.16.js的包；1.插值表达式(双大括号)的文本插值{{message}}{{false?"ok":"false"
撑起一片阳光·2020-05-07 14:00

Vue.js最终序曲-Vue-router（Vue路由）

Vue.js最终序曲-Vue-router（Vue路由）第一序：Vue入门第二序：Vue指令第三序：Vue组件模拟现在我们来实现这样一个功能：一个页面，包含登录和注册，点击不同按钮，实现登录和注册页切换编写父组件为了让接下来的功能比较清晰
JunSIr_deCp·2020-04-28 01:35

Vue.js详谈组件化

Vue.js详谈组件化前面已经总结过：vue入门vue常用指令总结在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。
JunSIr_deCp·2020-04-27 20:25

vue入门及详解及小案例

文章目录1.vue的介绍2.MVVM模式3.vue的快速入门-插值表达式4.vue的指令集-on:click5.vue的指令集-on:keydown6.vue的事件修饰符+按键修饰符6.1事件修饰符补充6.2按键修饰符7.vue的v-text和v-html8.vue的v-model双向数据绑定9.vue的v-for循环10.vue的v-if和v-show10.vue的v-bind11.vue的生命
叫我三胖哥哥·2020-04-25 16:39

Vue入门小案例

**VUE入门**vue入门案例01入门案例-01代码展示Title你好啊{{name}}//创建Vue实例对象newVue({el:"#cq",//指定托管元素,基于这一部分进行数据渲染data:{/
麻纸·2020-04-22 00:57

Vue入门1 脚手架篇

脚手架篇VueCLI官方创建项目的文档https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create安装npminstall@vue/cli-g#ORyarnglobaladd@vue/cli检查其版本vue--version快速原型开发使用vueserve和vuebuild命令对单个*.vue文件进行快速原型开发（单独跑一个组件
老奶瓶·2020-04-21 23:39

标准前端化工程 Vue-cli

知识回顾在学习Vue-cli之前，我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。接下来我们就来学习标砖前端化工程Vue-cli。
勿念及时雨·2020-04-17 12:49
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他