Vue入门

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

vue入门(第一讲)

vue:读音:v-u-eviewvue到底是什么?一个mvvm框架(库)、和angular类似比较容易上手、小巧mvc:mvp,mvvm,mvvm,mv*,mvx官网:http://cn.vuejs.org/手册：http://cn.vuejs.org/api/vue和angular区别?vue——简单、易学指令以v-xxx一片html代码配合上json，在new出来vue实例个人维护项目适合:移
xiaoaiai·2020-04-12 06:40

Vue入门实战教程（一）—— Vue介绍

此学习教程是对官方教程的解析，官方教程地址：介绍——Vue.js一Vue介绍1.VUE核心:声明式渲染Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统理解：Vue.js的核心是一个系统，什么样的系统呢？(1)它有简洁的模板语法：{{}}的形式(2)它是声明式的：也就是告诉VUE我要将某个数据和DOM的某个文本/attribute/结构进行绑定，至于怎么将数据渲染进D
厚嘴猴·2020-04-10 17:22

vue入门总结

这篇文章旨在给要学习vue的新手一个大概的认知轮廓，让你心里有个学习的结构，有的放矢，避免在前期浪费太多时间。vue单文件组件简介首先，vue是什么，为什么用vue自然不用说，下面直接来个例子，大概扫一下，往下看![](item.base.iconSrc)标为未读0">标为已读删除import{wechat_list}from'getters'import{get_menu_wechat_list
jacklin1992·2020-04-08 20:19

Vue入门提要

小提示文档三遍及以上阅读难以理解的概念需要借助案例手动敲Demo必不可少难点解惑概念解惑语法糖:简化复杂的使用方式，提取出来较为简单的使用方式。总之，提供一种使用的捷径。特性attr和属性prop:文档中，特性不仅指HTML元素上的特性，也兼指自定义组件上没有被props声明的。exportdefault{props:['id']}文档解惑基础class和style使用方式灵活，并且组件上这两个特
我_巨可爱·2020-04-05 15:09

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

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

Vue入门系列（六）组件继承mixin

mixin在官网上的解释为"混合”-以组件使用混合对象时，所有混合对象的选项将被混入该组件本身的选项。但是笔者觉得，如果从面向对象层面去解释，会更清楚些。我们知道，面向对象三大基本特征是：抽象，封装和继承。组件，就是对功能的抽象，通过封装而成为完成某个特定功能的模块。Vue的宗旨是，组件是最小粒度，通过组合不同的组件，实现更加复杂的UI（与React一样）。那么，如果组件之间有某些共性呢？这时，就
娜姐聊前端·2020-04-02 19:57

Vue入门笔记1——Vue实例篇

阿里开始抛弃react框架了，搞的我们都心慌慌，趁着有时间，赶快了解下Vue数据与方法Vue通过newVue来创建根Vue实例。所有的Vue组件都是Vue实例。Vue实例包含两个基本属性：el，data，形式为：varvm=newVue({el:"#example",data:{a:1,b:2}})响应式只针对Vue实例被创建时，data中已经存在的属性是响应式的。如果你在实例创建之后才新添加一个
HARRISKING·2020-04-01 04:56

Vue入门系列（二）Vue实例和组件

Vue实例是Vue应用的启动器，Vue组件是Vue实例的扩展。1.Vue实例通过构造函数可以创建一个Vue的根实例。SPA应用中，只会创建一个Vue根实例，应用都是通过这个根实例启动的。实例化Vue时，需要传入一个选项对象，它可以包含数据（data），模板（template），挂载元素（el），方法（methods）与生命周期钩子函数（created，mounted...）等选项。下面是一个真实项
娜姐聊前端·2020-03-31 04:07

Vue入门系列（一）Vue技术栈

Vue.js是一套构建用户界面的UI框架，它专注于MVVM模型的ViewModel层，通过双向数据绑定把View层和Model层链接起来。vue专注viewModel.png它有如下特点：渐进式框架，采用自底向上增量开发设计模板双向绑定机制利用指令（directive）对DOM进行封装组件化设计思想如下图，将UI页面分割为若干组件进行组合和嵌套。组件化.png围绕Vue.js框架，涉及到的常用技术
娜姐聊前端·2020-03-29 20:39
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他