vue入门

Vue入门-实现一个简陋的todolist

Vue中通过props和$emit实现父子组件的通信。todolistSubmit//创建一个全局组件componenttodo-itemVue.component('todo-item',{props:['content','index'],template:'{{content}}',methods:{handleClick:function(){//子组件向外部传递一个delete事件thi
天天要加油·2018-10-16 17:10

VUE入门到实战--Vue非父子组件传值、插槽、动态组件和v-once

1、非父子组件传值的问题1、Vue是一种轻量级的视图层的框架，那么遇到复杂的非父组件传值的问题我们有两种解决方法：总线机制和vuex。1.1、总线机制1、总线也可以叫做（Bus/总线/发布订阅模式/观察者模式）总线Vue.prototype.bus=newVue();//1、在Vue的原型上挂载一个bus的属性，这个属性就是个Vue的实例//1、也就是说所有之后创建的Vue的实例上的bus属性都指
taopoppy·2018-10-15 10:01

day05-vue入门.md

学习目标会创建Vue实例，知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控会编写Vue组件掌握组件间通信了解vue-router使用了解webpack使用会使用vue-cli搭建项目0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因
ghy5051073·2018-10-03 18:20

Vue入门

Vue2.0官方文档英文版Vue2.0官方文档中文版Vue2.0API英文版Vue2.0API中文版VUE系列教程目录Vue.js学习系列VueRouter中文官网Vue2.0起步(1)脚手架工具vue-cli+Webstorm2016+webpackWebStorm添加vue插件高亮显示*.vue文件Vue.use(Router)如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安
CP9·2018-09-30 14:33

Vue入门

Vue2.0官方文档英文版Vue2.0官方文档中文版Vue2.0API英文版Vue2.0API中文版VUE系列教程目录Vue.js学习系列VueRouter中文官网Vue2.0起步(1)脚手架工具vue-cli+Webstorm2016+webpackWebStorm添加vue插件高亮显示*.vue文件Vue.use(Router)如果在一个模块化工程中使用它，必须要通过Vue.use()明确地安
CP9·2018-09-30 14:33

Vue.js进阶【5-2】bootstrap-vue入门

GitHubhttps://github.com/bootstrap-vue/bootstrap-vue元素背景颜色variant可选值：success、info、warning、primary、danger、link，缺省灰色，light（白色透明背景）、darkButton1Button2Button3Button4Button5SuccessInfoWarningPrimaryDangerL
CalmReason·2018-09-18 16:24

第一个VueJs入门页面

入门代码：       Vue入门实例         {{book.n
BADAO_LIUMANG_QIZHI·2018-09-12 23:32

vue入门随笔

参考：详解vue生命周期：https://segmentfault.com/a/1190000011381906配置环境安装node，查看版本，8以上版本安装vue，npminstall-g@vue/cli，如报错，npmcacheclean--force，npminstallnpm-g全局更新查看安装情况，vue--version安装vue扩展程序vue-devtools入门练习在线编辑：htt
Gytha_1·2018-09-12 15:42

Vuejs 基础与语法

Vue入门{{msg}}newVue({el:"#root",data:{msg:"helloworld"}})JSbin预览实例、挂载点、模板实例里，需指定挂载点，模板模板指的是挂载点内部的内容：可以写在挂载点内部也可以写在实例的
passMaker·2018-09-11 08:39

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十七 ║Vue基础：使用Vue.js 来画博客首页+指令(一)

缘起书说前两篇文章《十五║Vue前篇：JS对象&字面量&this》和《十六║Vue前篇：ES6初体验&模块化编程》，已经通过对js面向对象，类和模式封装，ES6新特性等多个角度讲解了Vue入门的一些储备知识
老张的哲学·2018-09-06 13:00

Vue入门日记——列表数据同步、标签属性和条件渲染

数据双向绑定指：指的是model/数据层和view/展现层。model层的数据，比如data里的数据和view（html模版）里对应的数据同步，model层改view自动同步，view层更新（比如input的vmodel）数据层也会同步，双向指的这个。V-bind动态绑定标签属性V-bind可简写为：使用V-bind绑定class和内联样式使用V-if、V-show、v-else进行条件渲染
青年浪子·2018-08-20 00:24

Vue常用指令详解分析

Vue入门Vue是一个MVVM（Model/View/ViewModel）的前端框架，相对于Angular来说简单、易学上手快，近两年也也别流行，发展速度较快，已经超越Angular了。
半指温柔乐·2018-08-19 14:36

Vue入门(1)——简介与安装

写本篇文章，只是为完善【Vue入门】系列，此外，关于如何使用vue-cli3.0搭建一个新项目，以及如何将vue-cli2.0构建的项目升级到vue-cli3.0,可以参考Vue-cli3.0搭建Vue
WHU_凌晨_Bin·2018-08-06 20:48

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言Vue2+VueRouter2+webpack+Axios构建项目实战目录以及文件结构2016年，我写了一系列的VUE
daily886·2018-08-04 09:50

Vue2+VueRouter2+webpack+Axios 构建项目实战目录以及文件结构

https://blog.csdn.net/FungLeo/article/details/531710522016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
daily886·2018-08-03 16:16

Vue入门与进阶

1.Vue概述1.1Vue介绍Vue是一套用于构建用户界面的渐进式框架。1.2Vue核心思想双向数据绑定Vue双向数据绑定利用了Object对象的set()和get()方法，原理如下:constobj={}Object.defineProperty(obj,'text',{get:function(val){console.log('getinit');},set:function(val){co
nimw·2018-07-24 22:54

Vue入门-1购物车

此项目并非原创，仅记录一下，适合刚入门的小伙伴Cart-Demo项目截图.简单介绍几个主要的文件components:项目页面构成的文件-store.js:项目主要使用的js处理文件-router/index.js:项目页面跳转配置路由-App.vue:总组件,默认页面-main.js:入口文件详细介绍每个文件的内容Index.vue描述:价格:￥外观:存储容量:加入购物车exportdefaul
Jason_ss·2018-07-17 10:37

Vue基础-Vue入门

一、Vue入门基础知识1、Vue使用的基本操作i.先下载，引入vue.jsii.Vue，实例化一个vue实例化对象（newVue({})）1.新建一个vue实例化对象（Vue是一个构造函数）2.执行vue
-安小喵·2018-06-28 09:22

Vue基础-Vue入门

一、Vue入门基础知识1、Vue使用的基本操作i.先下载，引入vue.jsii.Vue，实例化一个vue实例化对象（newVue({})）1.新建一个vue实例化对象（Vue是一个构造函数）2.执行vue
-安小喵·2018-06-28 09:22

2018-05-02 Vue入门

1.安装2.介绍1.声明式渲染v-bind、简写:（一个冒号）{{message}}鼠标悬停几秒钟查看此处动态绑定的提示信息！varapp=newVue({el:'#app',data:{message:'HelloVue!'}})这样{{message}}就被替换成HelloVue!2.条件与循环v-ifv-for现在你看到我了{{todo.text}}//页面会显示三个livarapp2=ne
彭奕泽·2018-06-06 19:00

使用Vue-cli 3.0搭建Vue项目

-31更新]：vue-cli3.0正式版的中文文档已经出来了，详细的可以参考：https://cli.vuejs.org/zh/guide/关于Vue的其他基础知识，可以看我的文章（持续更新中）：1.Vue
WHU_凌晨_Bin·2018-05-31 18:47

vue入门第4天：vue实现全选反选

父组件给5个子组件传值，同时子组件和父组件的相关值对应改变。参考checkbox单选和全选。知识点：1、子组件给父组件回传id2、子组件监听父组件值的改变3、父组件尽量不要给子组件传递对象和数组代码如下，父组件：app.vue：全选importonetestfrom'../../../components/testOne'exportdefault{name:"test",data(){retur
零度空间0520·2018-05-28 16:36

Vue入门（一）-Vue实现选项卡效果

地址：https://blog.csdn.net/qq_16371909/article/details/77511411转载于:https://www.cnblogs.com/bydzhangxiaowei/p/9090579.html
weixin_30872789·2018-05-25 20:00

vue中v-show和v-if在显示和隐藏元素上的区别

来源https://www.imooc.com/video/16980v-show将元素隐藏是在dom节点上加style=’display:none’v-if是直接将元素完全去掉Vue入门helloworldtogglenewVue
_Slience_·2018-05-16 10:11

vue入门第2天

今天主要是3个知识点一、CSS作用域写法1、正常的CSSscope:在当前的作用域有效2、SCSSmodule:在当前的作用域有效3、安装sass和CSS加载器（不要直接npminstallsass）cnpminstallsass-loadernode-sass-Dcnpminstallcss-loaderstyle-loader-D二、安装px2rem:1、在utils当中配置constpx2r
零度空间0520·2018-04-26 19:57

vue入门第1天

https://cn.vuejs.org/v2/guide/官网学习文档第一页看到这么一句：message:'HelloVue.js!'this.message=this.message.split('').reverse().join('')所以来回顾一下JS基础知识。一、split()方法用于把一个字符串分割成字符串数组。"hello".split("")//可返回["h","e","l","
零度空间0520·2018-04-23 22:38

前端 Java Python等资源合集大放送

学习起来非常简单，以下教程可以很快的实现从vue入门到实
huangjinjin520·2018-04-21 22:00

前端 Java Python等资源合集大放送

学习起来非常简单，以下教程可以很快的实现从vue入门到实
huangjinjin520·2018-04-21 22:00

前端 Java Python等资源合集大放送

学习起来非常简单，以下教程可以很快的实现从vue入门到实
huangjinjin520·2018-04-21 22:00

vue入门环境安装

一、下载安装最新nodejsnodejs官网：https://nodejs.org/en/下载后安装选择addtopath（自动添加环境变量）如果安装成功后输入node-v会输出版本号二、配置nodejs安装成功后设置全局文件夹和缓存文件夹便于管理1、在nodejs安装目录下新建node_cache文件夹和node_global两个文件夹2、设置缓存文件夹设置成功后npmi依赖包名称-g就会在no
alex_fung·2018-04-19 17:24

Vue入门

1:什么是mvvm？MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View代表UI组件，它负责将数据模型转化成UI展现出来，ViewModel是一个同步View和Model的对象。在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewModel进行交互，Model和
joker731·2018-04-12 09:46

Vue入门之animate过渡动画效果

简介：transition方法的使用transition内置方法transition-groupanimate库实现过渡动画Document[v-cloak]{display:none;}p{width:100px;height:100px;background:red;margin:10pxauto;}/*.fade-enter-active,.fade-leave-active{transit
锐小6·2018-04-08 14:45

使用Vue开发微信小程序：mpvue框架

【最近更新】mpvue入门系列教程：如何在mpvue中正确的引用小程序的原生自定义组件使用mpvue开发小程序教程（六）使用mpvue开发小程序教程（五）使用mpvue开发小程序教程（四）使用mpvue
一斤代码·2018-03-09 19:31

VUE前端框架

Vue入门实战项目——知乎日报这是一个基于Vue全家桶开发的知乎日报WebApp，页面样式主要参考iOS版知乎日报APPVue超大数据列表解决方案vue-recyclerview开源Vue超大数据列表解决方案
Msro·2018-01-09 00:29

Vue入门之数据绑定(小结)

1.什么是双向绑定？Vue框架很核心的功能就是双向的数据绑定。双向是指：HTML标签数据绑定到Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML的标签的变化，而且标签的变化也会反过来影响Vue对象的属性的变化。这样以来，就彻底变革了之前Dom的开发方式，之前Dom驱动的开发方式尤其是以jQuery为主的开发时代，都是dom变化后，触发js事件，然后在事件中通过
HcySunYang·2018-01-08 08:09

小试牛刀之vue入门小例子-----购物车

阅读更多话说vue出来之后好像很火的样子,减少了代码量,直接操作数据,还不操纵很繁重的DOM,写完直接打包扔给后台,你想怎么办就怎么办吧!总之来说就是现阶段很火的技术.程度你懂得vue是什么呢?vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。这些都是官方的说法
行走的胖胖·2017-12-19 17:00

小试牛刀之vue入门小例子-----购物车

阅读更多话说vue出来之后好像很火的样子,减少了代码量,直接操作数据,还不操纵很繁重的DOM,写完直接打包扔给后台,你想怎么办就怎么办吧!总之来说就是现阶段很火的技术.程度你懂得vue是什么呢?vue是现在很火的一个前端MVVM框架，它以数据驱动和组件化的思想构建，与angular和react并称前端三大框架。相比angular和react，vue更加轻巧、高性能、也很容易上手。这些都是官方的说法
行走的胖胖·2017-12-19 17:00

laravel vue tabs选项卡 axios mysql

参考：一:可能是最好的Vue入门教程（7）VueAjax的简单使用一:使用vue.js写一个tab选项卡image编辑视图文件，引入相关库:demovueaxios.blade.phpTitle.active
幼稚园靓仔·2017-11-27 09:44

09Vue.js快速入门-Vue入门之Vuex实战

9.1.引言Vue组件化做的确实非常彻底，它独有的vue单文件组件也是做的非常有特色。组件化的同时带来的是：组件之间的数据共享和通信的难题。尤其Vue组件设计的就是，父组件通过子组件的prop进行传递数据，而且数据传递是单向的。也就是说：父组件可以把数据传递给子组件，但是反之则不同。如下图所示：vue父子传递9.2.单向数据流动单方向的数据流动带来了非常简洁和清晰的数据流，纯展示性或者独立性较强的
IT老马·2017-11-24 03:56

vue入门

MVVM的介绍vue的设计思想是基于MVVM实现的，那么什么是MVVM呢？简单介绍：组成MVVM===>M/V/VMM：model数据模型V：view视图VM：ViewModel优势MVC模式，将应用程序划分为三大部分，实现了职责分离MVVM通过数据双向绑定让数据自动地双向同步V（修改数据）->MM（修改数据）->VVue中的MVVM虽然没有完全遵循MVVM模型，Vue的设计无疑受到了它的启发。因
想做一个画家·2017-10-26 18:08

Vue入门学习（一）

一、简介Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。它专注于MVVM模型的ViewModel层，通过双向数据绑定把View层和Model层链接起来。二、Vue常用的插件1.vue-cli（vue官方命令行工具）快速构建vue的脚手架工具，用于快速搭建大型单页应用。
耀樱·2017-10-25 09:44

新手视角vue入门学习总结

从上周三到这周五，我用了9天入门vue，做了一个todolist，这速度着实不算快，但是对于一个编程新手来说却也是步步艰辛，不断碰到新名词然后去查阅去学习，不知不觉又把技能树点亮不少。9天以前我还只有不足三个月的编程学习经验，对于ES6并无了解且没有框架经验，只会跟着教程写一些基本组件。这几天按照公司的技术栈去一个个探索，终于写出了一个demo。这个demo的技术栈是vue+vue-router+
madpluto·2017-09-17 16:08

Vue入门学习-使用服务器传来的JSON数据交给Vue渲染HTML页面

这个Vue搞得挺不错,简单粗暴还有效,上手也不难,记录一下今天的学习,首先描述一下效果:使用PHP从数据库中查询读出来一个表的数据,并以JSON格式提供访问HTML页面中使用JQuery的$.getJSON()方法加载JSON数据JSON数据加载完毕后实例化Vue对象并将数据渲染到HTML页面中PHP读数据库返回JSON的过程就不细说了,直接来看HTML代码吧JSON取数测试idnametypel
香香爹·2017-09-07 23:05

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

96458阅读58645评论113喜欢127接上一章vue入门|使用vue.js2.0+ElementUI开发后台管理系统详细教程（一）在线demo源码1.引入路由工具vue-router，切换视图#安装
LabRaDor2079·2017-09-05 10:08

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
FungLeo·2017-08-25 15:04

Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版（一）基础知识概述

Vue2+VueRouter2+Webpack+Axios构建项目实战2017重制版（一）基础知识概述前言2016年，我写了一系列的VUE入门教程，当时写这一系列博文的时候，我也只是一个菜鸟，甚至在写的过程中关闭了代码审查
FungLeo·2017-08-25 15:04

Vue入门（一）-Vue实现选项卡效果

鉴于代码有些年代，且当时实现方式很不好，遭到了众多喷子的人身攻击，此文章终结，不必浪费大家时间了。我的网站地址是iscoser.com,欢迎各位来访！------------------------------------------------------此文终结----------------------------------------------------这里不跟大家再去把Vue文档上
_夏尔·2017-08-23 20:15

vue快速入门的三个小实例

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

vue快速入门的三个小实例

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

Vue入门（七）——Vue路由详解

对于前端开发者来说，其实浏览器配合超链接的方式就可以很好的实现路由功能。但是，随着技术的不断进步，尤其是单页应用的普及，浏览器和超链接的跳转方式已经不能满足前端开发者的需求了。也正是基于此，各大框架纷纷给出了单页应用解决路由跳转的方案，Vue也是如此。Vue框架的兼容性非常好，可以很好的和其他第三方的路由框架进行结合。当然，官方也给出了路由方案：Vue-router。所以，建议大家还是用官方给出的
小李本人·2017-08-09 21:09
上一页 11 12 13 14 15 16 17 18 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他