vue入门

使用Vue-cli 3.0搭建Vue项目

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

vue.js环境配置

上两步不是此文重点，上两步大家可以在百度上找到很多详细参考资料）3、配置vue.js环境vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue
孙玉凯·2020-08-15 17:28

Vue文档

Vue入门1.Vue.js定义：Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用（即：可以在原项目基础上逐渐累加功能，需要什么功能便添加什么功能）。
清梦社社长·2020-08-15 00:02

vue入门

node环境需要在设置里搜索npm配置数组的方法1.filter不改变原数组，返回值是过滤后的新数组，其中回调函数的返回结果为true将当前项放入要返回的新数组，false不管varnewary=[1,2,3,4,5].filter(function(item){return2123varnewary=[1,2,3].map(function(item){return`${item}`});3.i
dituke6943·2020-08-13 13:55

Vue入门-自定义指令

自定义指令当需要对普通DOM元素进行底层操作时,可以考虑自定义指令来实现。语法:Vue.directive(指令名,配置对象)。1.创建全局指令特点:可以在任意不同的实例对象挂载的范围进行使用Vue.directive('highlight',{bind(el,binding){console.log(el,binding);el.style.background='red';el.onmouse
ZYN5431·2020-08-12 17:11

Vue入门 - 自定义指令

1自定义指令指令可以在全局或局部定义。组件是html和代码的复用，而指令是对DOM的扩展复用。1.1全局自定义指令Vue.directive('mydirective',{//...})在组件中使用时无需引用，直接使用v-mydirective即可。也可以先定义指令，再用Vue.ues()方法注册。varmyDirective={};myDirective.install=function(){V
ChengYz_·2020-08-12 17:14

Vue.js入门到放弃Day2（中）——VueDemo -＞ TodoMVC

VueDemo->TodoMVC码云仓库地址：https://gitee.com/chenun/todoMVC.gitindex.htmlVue入门任务清单全部标记为完成{{item.title}}0itemleft
UndeFIned丶·2020-08-12 14:41

Vue实例+指令

1vue入门案例1.1vue声明式渲染在HTML页面中编写一段简单的代码{{name}}，非常帅！！！
The Starry Night。·2020-08-12 13:57

Vue常用指令详解分析

Vue入门Vue是一个MVVM（Model/View/ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。
w18478272407·2020-08-12 10:03

Vue入门-指令

Vue入门-指令5.指令5.1.插值表达式5.1.1.花括号5.1.2.插值闪烁5.1.3.v-text和v-html5.2.v-model5.3.v-on5.3.1.基本用法5.3.2.事件修饰符5.3.3
shenzhen_zsw·2020-08-12 10:53

vue入门(三)----使用vue-cli搭建一个单页富应用

上面两节我们说了vue的一些概念，其实说的知识一点基础，这部分知识我觉得更希望大家到官网进行学习，因为在这里说的太多我觉得也只是对官网的照搬照抄而已。今天我们来学习一下vue-cli的一些基础知识，并且用vue-cli来搭建一个单页富应用。那么我们首先介绍一下什么是vue-cli?首先要学习vue-cli，我觉得我们需要知道什么是cli吧！首先回到“原始”前端，什么是前端？无非就是html，css
didie2465·2020-08-11 21:31

8.插值---(vue入门 文档学习记录)

文本数据绑定最经常用的就是"Mustache"语法(两个大括号)的文本插值,注意这里特别标明只是文本插值,如果是html格式也会只显示文本.Message:{{msg}}该语法中{{message}}的message值是响应式的,不管什么时候改变页面都会重新渲染,我们可以只渲染一次,也就是使其不进行重新渲染(但是值是变了的),可以通过v-once标签实现.这个将不会改变:{{message}}这个
爱飞的笨鸟·2020-08-11 17:43

Vue入门——基础语法

原文链接Vue入门——基础语法Vue是什么？Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
Cheer-Way·2020-08-10 20:08

Vue入门：看这一篇就够了

高速通道官网实栗vue指令v-text:设置标签的文本值（textContent）v-html:设置标签的innerHTMLv-on:为元素绑定事件v-show：根据表达式的真假切换元素的显示和隐藏v-if：根据表达式真假，切换元素显示与隐藏v-bind：设置元素的属性v-for：根据数据生成列表结构v-model：获取和设置表单元素的值(双向数据绑定)网络请求axios使用axios进行网络交互
就这样写·2020-08-10 08:13

手摸手教你使用vue-cli脚手架-详细步骤图文解析[vue入门]

写在前面：使用vue-cli可以快速创建vue项目，vue-cli很好用，但是在最初搭建环境安装vue-cli及相关内容的时候，对一些人来说是很头疼的一件事情，本人在搭建vue-cli的项目环境的时候也是踩了相当多的坑，特此写了一篇搭建环境的教程，每一步尽量详细解析。需要的朋友可以过来参考下，喜欢的可以点波赞，或者关注一下本人，希望可以帮到大家。vue-cli脚手架的优势：有一套成熟的vue项目架
weixin_34050005·2020-08-09 14:40

Electron-Vue入门Demo

前提条件，Electron框架能够正常的运行（electron环境的配置不是本文要说明的部分）1，安装vue的环境模块npminstall-gvue-cli2，初始化vue工程vueinitwebpackdemo下面几个选项注意Installvue-router?yesUseESLinttolintyourcode?noSetupunittestsnoSetupe2etestswithNightw
姚华军·2020-08-09 03:26

前端如何更好处理后端接口的数据

ES6的知识假设接口如下constgetImoocCourseList=function(){//ajaxreturn{status:true,msg:'获取成功',data:[{id:1,title:'Vue
MyKyle18·2020-08-08 18:22

vue入门项目：类新闻类移动端app

vue入门项目：类新闻类移动端app工程地址github地址项目介绍使用框架项目是一个使用vue脚手架开发的类新闻类应用需要知识：vuevue-routeraxiosmuimintUIwebpack了解跨域请求配置使用库
lhttq·2020-08-08 17:45

Js全栈开发之Vue入门基础

本篇只是总结一下Vue入门的使用和基础用法实例，因为很简单，就没有具体的过程，下一篇再写综合的组件应用。
卷儿哥·2020-08-07 11:24

Js全栈开发之Vue简单综合实例

Vue简单综合实例继续上一篇《Js全栈开发之Vue入门基础》，这篇主要摘抄几个比较好的vue.js简单的综合实例，来加强巩固上一篇总结的vue基础入门知识。
卷儿哥·2020-08-07 11:24

vue入门实战教程 - 用vue高仿饿了吗APP

https://github.com/liangxiaojuan/eleme/https://github.com/liangxiaojuan/vue-Meizi慕课网vue.js饿了吗。不过对于vue的入门还是不错的，使用的是vue1.0框架，虽然现在已经是vue2.0,不过2.0基本上只是多了virtual-DOM，Templates||JSX||Hyperscript，流式服务端渲染及一些性
大灰狼的小绵羊哥哥·2020-08-05 20:36

Vue入门（11）axios请求拦截器实现数据加载出来之前loading效果

axios请求拦截器实现数据加载出来之前loading效果实现思路：用CSS3写出一个loading动画，默认隐藏。在请求拦截器里让动画显示出来，再在响应拦截器里隐藏动画。Document.box{width:100%;padding:3%;box-sizing:border-box;overflow:hidden}.box.loader{width:30%;float:left;height:2
徐扬_前端小白的成长之路·2020-08-05 15:14

vue入门--商城公用底部导航栏

前言项目基本初始化完成后，我们将开始以一个商城案例为目标进行开发。一、创建项目页面目录在src目录下新建pages文件夹，用于存放项目页面二、新建首页组件文件夹在pages下新建Home文件夹，用于存放首页所需组件。然后在Home文件夹下新建home.vue及components文件夹，home.vue为首页组件，components文件夹用于存放首页所需组件。三、新建公用组件文件夹在项目开发中，
weixin_42622293·2020-08-05 11:00

最简单的vue入门：基础语法学习

Vue入门-->插值表达式{{msg}}v-textv-html事件绑定v-on:click点我啊v-on:click可简写为@click点我啊面向数据编程，改变数据来改变DOM，不直接操作DOM{{oldContent
Irene1991·2020-08-05 10:55

vue2.5入门

创建第一个vue实例Vue入门{{msg}}newVue({el:'#root',//挂载点data:{msg:'helloworld'}})首先我们通过scri
93_Ryan·2020-08-04 23:30

Vue.js入门

一、写一个简单的Vue实例Vue入门e{{msg}}newVue({el:"#root",//接管#root元素，与此DOM节点绑定data:{msg:"Helloworld!"}})
akubaba·2020-08-04 22:07

2. Vue 入门实战学习教程之实例生命周期

Vue入门实战学习教程之实例生命周期0x01Vue入门实战学习教程之实例生命周期1.1写在前面的话1.2Vue实例生命周期1.3Vue实例生命周期示例1.4确保元素添加到DOM上之后做一些操作0x02参考资料
技术宅星云·2020-08-04 14:17

1. Vue 入门实战学习教程之 Hello World

Vue入门实战学习教程之HelloWorld1.1什么是Vue?1.2如何使用vue?
技术宅星云·2020-08-04 14:45

Vue.js入门环境搭建

vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓：1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于
luckylqh·2020-08-03 19:13

Vue入门案例

1.Vue概述Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。尤雨溪是Vue.js框架的作者，HTML5版Clear的打造人。他认为，未来
路人甲M·2020-08-03 09:57

Vue入门系列（1）项目的创建、数据的绑定

Vue也是做微信小程序时得来的兴趣。因为微信小程序的前端做的确实太便捷。深入了解后，发现Vue就是长这样子，并且只有略微的不同。因此打算先入手Vue练练手。1.创建简单的实验项目和往常一样，我们只需要在项目文件夹中建立三个文件:index.css//样式文件index.html//主文件index.js//页面逻辑文件这样一个简单的项目架构就做成了。我们只需要在html文件中写出我们正常的展示代码
刘炫320·2020-08-03 03:01

Vue入门学习笔记3 vue全局API整理

Vue入门学习笔记3vue全局API整理这是学习vue的第三篇文章了，前面两篇分别介绍了vue入门和vue的内部指令，这篇将介绍vue的全局API官方文档vue学习笔记1Vue入门vue学习笔记2Vue
会左勾拳的螳螂·2020-08-02 17:32

Vue入门学习笔记4 vue原生构造器的选项详解

Vue入门学习笔记4vue原生构造器的选项详解前言：关于vue我已经更了3篇博文了，这篇是第4篇，关于Vue原生构造器选项，包括methdos、watch、mixins、extends、delimiters
会左勾拳的螳螂·2020-08-02 17:32

Vue入门学习笔记2 Vue内部指令整理

Vue入门学习笔记2Vue内部指令整理上一篇整理总结了Vue的准备知识和运行环境、IDE的介绍以及以一个helloworld介绍了Vue的基础语法及应用，这篇将介绍Vue的内部指令。
会左勾拳的螳螂·2020-08-02 16:54

Vue第一天学习笔记（后端适用）

2.Vue入门2.1Vue下载创建一个.html文件，然后通过如下方式引入Vue：或者：2.2Vue入门应用{{msg}}{{userna
GoodBoyKaiii·2020-08-02 12:50

Vue入门 - 条件渲染与列表渲染

1条件渲染条件渲染根据布尔值活表达式判断是否渲染。条件渲染有一下两类：v-if系列：值为true时插入dom，否则移除。v-show：节点保持在dom中，只是控制css的display属性。1.1v-if系列v-if系列指令包括：1.v-if2.v-else3.v-else-ifABCnotABC若要在多个元素上使用v-if指令，可以用将这些元素包裹起来。v-else和v-else-if要紧跟v-
ChengYz_·2020-08-01 14:23

vue入门新建vue项目 新手如何创建vue项目

一、环境配置1.下载安装node.js，打开node.js官网，![在这里插入图片描述](https://img-blog.csdnimg.cn/20181226095930137.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXh
修炼中的小妖怪·2020-08-01 05:56

vue环境搭建，vue项目创建

vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓：1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于
小小樟鱼·2020-08-01 03:05

vue入门（一）安装及创建第一个项目

前端近几年来飞速发展，各种技术框架层出不穷，架构模式也从主流MVC慢慢转向MVVM。使用AngularJS、React和Vue.js等框架进行前端开发已经成为趋势。因此我也开始了vue.js的修炼之路（之所以选择vue.js是因其入门门槛低）。一、安装为了让我们创建Vue项目更加容易，我们使用vue.js的脚手架工具Vue-cli。这里采用npm进行安装1.首先安装node.js，现行版本的nod
来日可期·2020-07-31 23:50

Vue入门到放弃25(vue路由--router)

什么是路由1.后端路由：对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；2.前端路由：对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；3.在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（
开猿节流·2020-07-30 21:41

Vue入门到放弃24(vue获取DOM元素和组件--ref和$refs的使用)

ref有三种用法：1、ref加在普通的元素上，用this.ref.name获取到的是dom元素2、ref加在子组件上，用this.ref.name获取到的是组件实例，可以使用组件的所有方法。3、如何利用v-for和ref获取一组数组或者dom节点$refs  $refs是一个对象，持有已注册过ref的所有的子组件。普通方式  我们先通过getElementById方法来获取ref使用  接下来我们
开猿节流·2020-07-30 21:41

Vue入门到放弃23(vue案例--评论列表)

基础页面评论人：{{item.user}}{{item.content}}varvm=newVue({el:"#app",data:{list:[{id:Date.now(),user:'李白',content:'天生我材必有用'},{id:Date.now(),user:'小白',content:'劝君更尽一杯酒'},{id:Date.now(),user:'小马',content:'我姓马，风
开猿节流·2020-07-30 21:41

Vue入门到放弃22(vue组件-父子组件传值)

Vue父子组件传值父组件传值给子组件2.效果实现1.父组件，可以在引用子组件的时候，通过属性绑定（v-bind:）的形式,把需要传递给子组件的数据，以属性绑定的形式，传递到子组件内部，供子组件使用2.在子组件中有个props属性，该属性中保存的都是父组件传递给子组件的数据，注意：props中的数据，都是只读的，无法重新赋值3.我们在子组件中使用在props中保存的数据效果：//创建Vue实例，得到
开猿节流·2020-07-30 21:40

Vue入门到放弃21（组件-切换案例）

一、通过v-if控制实现  首先我们通过前面介绍的v-if标签来实现下这种效果1.创建组件  创建我们需要的两个全局组件，并通过标签使用。登录注册//创建登录的组件Vue.component("login",{template:"这是一个登录LOGIN组件"})//创建注册的组件Vue.component("register",{template:"这是一个注册组件"})varvm=newVue(
开猿节流·2020-07-30 21:09

Vue的模板语法和计算属性

模板语法上一篇：Vue入门，Vue属性和指令：https://segmentfault.com/a/11...下一篇：Vue的Class与Style绑定：https://segmentfault.com
weixin_34256074·2020-07-30 17:04

Hbuilder和Vue入门

常用的几种APP开发模式APP开发模式HybridAppHybridApp按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型。多View混合型即NativeView和WebView独立展示，交替出现。2012年常见的HybridApp是NativeView与WebView交替的场景出现。这种应用混合逻辑相对简单。即在需要的时候，将WebView当成一个独
D_I_·2020-07-30 16:01

标准前端化工程 Vue-cli

知识回顾在学习Vue-cli之前，我们已经学习了前端体系、前后端分离的演变、Vue入门、Vue的基本语法、Vue组件、Vue路由、Axios等内容。接下来我们就来学习标准前端化工程Vue-cli。
wunianisme·2020-07-30 16:54

vue入门——为什么使用v-for的时候必须要添加唯一的key？

v-for中的key使用v-for更新已渲染的元素列表时,默认用就地复用策略;列表数据修改的时候,他会根据key值去判断某个值是否修改,如果修改,则重新渲染这一项,否则复用之前的元素;我们在使用的使用经常会使用index(即数组的下标)来作为key,但其实这是不推荐的一种使用方法;举个例子：constlist=[{id:1,name:'test1',},{id:2,name:'test2',},{
咖啡加冰ovo·2020-07-30 15:26

Vue小白入门

首先推荐慕课网DellLee老师的Vue入门讲解，讲的真的是细致、思路清晰，而且
木子Lee的博客·2020-07-30 10:12

后端小白的VUE入门笔记, 前端高能慎入

因为项目需要前后端分离,后端竟然不用控制view层了,页面的跳转后端不再干涉,(前端的vue经过打包后成了一张index.html)后端只需要响应给前端json串就ok,其实这不是爽歪歪?但是觉得还是奇奇怪怪,感觉前端是个黑盒了,于是忍不住去学习了vue感觉前端的框架带来的这种前后端分离变化还是特别明显的,后端确实不用再操心view层了,页面的转换有vue通过后端的切换不同的组件,后端基本上没有什
weixin_30413739·2020-07-30 10:57
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他