vue入门

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

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

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

(一)VUE入门

下载以后嵌入到页面中第二步利用npm安装live-server他主要的作用就是模拟服务器这样不用每次都开NODE在项目中打开的话就是live-servernpmilive-server-gVueDemo入门Vue
我拥抱着我的未来·2020-03-28 16:54

Vue入门，day1

一：什么是Vue1.Vue.js是当前最主流的前端框架之一，与Angular.js和React,js三者并称三大前端主流框架（ps:鄙人只稍微接触react，其余一点也不熟悉）。2.Vue.js是用于构建用户界面的框架，只关注视图层，所以适合上手，它也可以与第三方库和已有的项目进行整合，这与本人之前一直使用的node.js有异曲同工之处，虽然node.js可以说是后端语言，但是node.js确实是
假装_不正经·2020-03-23 00:04

vue入门003~vue项目引入element并创建一个登录页面

上一节已经教大家如何创建一个vue项目，这一节，我们就温故下vue项目的创建，顺便引入element，实现一个简答的登陆页面。老规矩，先看效果图一，快速创建vue项目二，引入element类库首先我们进入element官网：https://element.eleme.cn/#/zh-CN/component/installation简单熟悉下element。然后如下图所示引入element类库。做
编程小石头·2020-03-20 20:46

Vue入门（一）——概念及Hello Vue

二、Vue入门demo我们可以
小李本人·2020-03-18 21:02

Vue入门之路由vue-router详解

1.vue-router的使用方式下载安装vue-routernpminstallvue-router--save执行该命令之后，就会在项目中的node_modules文件夹下有此插件引用vue-router在src/router/index.js中引用vue-router(引用node_modules中的插件都不需要写路径，直接是插件名)importVueRouterfrom'vue-route
扁扁的汤圆·2020-03-18 11:35

Vue入门必学

一、Vue1.0入门参考链接：vuejs.org.cn数据驱动的组件，为现代化的Web界面而生vue.js不是一个框驾，它是一个提供MVVM风格的双向数据绑定的库，专注于UI层面。image.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngimage.pngim
涎涎·2020-03-16 00:51

windows下npm安装vue入门

虽然一直都没有写技术博客的习惯，但是最近用win10系统开发vue项目，不得不写一篇安装指导，网上的安装入门教程只是太模糊了，小白根本看不懂，遇到问题也解决不了。1、下载nodejs下载地址：http://nodejs.cn/download/就算你是64位Windows系统，建议下载32位的版本。安装时建议不要修改安装目录，一路next按下去。完成后，Windows快捷键Win+R，然后输入cm
秋天下雨淋湿冬天·2020-03-13 21:49

02Vue.js快速入门-Vue入门之数据绑定

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

给前端小白的vue入门指南（不定期更新）

最近一直在用vue搞项目,顺便说下使用感受遇到的那些坑吧首先来说vue还是一款挺不错的mvvm框架,当你厌烦了jquery的频繁dom操作后，当你厌烦了mvc框架的循环结构复杂性后，项目要求你前后端分离的时候，你该怎么办，选择一个好的js模板引擎显得至关重要，这个时候双向数据绑定的优势就大大的体现出来了，这也就是为什么现在vue,react,angular成为流行的趋势，响应式开发慢慢的成为了主流
小超人的前端之路·2020-03-08 09:52

Vue入门（八）—— 配置axios全局请求根路径，并向后端发送请求

1.查看项目是否包含axios，如果没有就安装依赖，打开图形界面工具，在“运行依赖”中搜索axios并安装安装完毕后继续2.打开main.js完成三步：（1）导包（2）配置全局请求根路径（3）挂载到vue//axiosimportaxiosfrom'axios'//配置请求根路径axios.defaults.baseURL='http://127.0.0.1:8888/finder/api'//挂
什么都干的派森·2020-02-29 14:58

Vue开源项目

element-ui搭建的后台管理界面http://www.cnblogs.com/fhen/p/6721930.html3.vue组件库https://github.com/vuejs/awesome-vue4.vue
四月天__·2020-02-28 09:56

Vue入门（一）

�Vue是一套构建用户界面的渐进式框架，但也可以�说它是MVC框架，因为�它也有基本的View、Control、Model。�相对于其他主流框架，它的优点在于轻量、学习成本较低，当然肯定还有其他优点，但这里只是入门，不细说。安装首先要使用必须引入�Vue.js,这里引入国内的CDN使用。当然，也可以通过Npm的方式下载安装npminstallvuehelloWorld双花括号是Vue变量在HTML
叶落秋明·2020-02-26 17:23

VUE入门实例，模版组件用法。

有很多例子是官网改的，大家可以去官网http://vuejs.org.cn/guide/components.html#Props这里每一个例子可以直接拷进body运行。本系列为学习记录，并非大神教学案例。仅仅整理用法，至于VUE的原理，设计模式等等暂不讨论，文中如有不对，还请大家帮忙指正，万分感激。下一篇会写父子组件交互。这里是针对于vue1.0，如果要学2.0，建议大家去看官方文档vue2.0
____雨歇微凉·2020-02-26 04:23

Vue入门-1

一、Vue简介Vue是一套用于构建用户界面的**渐进式框架**，可自底向上逐层应用，Vue的核心库只关注视图层，易于上手，便于与第三方库或既有项目整合；当与现代化的工具链，以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。二、安装Vue1.安装链接：https://cn.vuejs.org/v2/guide...2.CDN引入：（1）开发环境版本，包含了有帮助的命令行警告：（2
汐汐·2020-02-23 21:00

Vue入门第一天-----Vue概述及基本使用

一、Vue概述Vue是国产框架，尤雨溪是Vue.js的创建者。2014年2月，Vue.js正式发布；2015年10月27日，正式发布1.0.0版本；2016年4月27日，发布2.0的预览版本。Vue:渐进式JavaScript框架声明式渲染---->组件系统---->客户端路由---->集中式状态管理---->项目构建官网：https://cn.vuejs.org/v2/guide/二、Vue基本
chowhoundgh·2020-02-23 16:14

一、挂载点、模板与实例的关系

Vue入门{{msg}}newVue({el:"#root",data:{msg:"helloworld"}})1、上述Vue实例中，el属性id=root对应的d
李浩然_6fd1·2020-02-17 05:22

Vue入门系列（五）组件通信

组件内通信主要分为两种：父子组件通信和子组件之间通信。1.父子组件通信父组件通过props属性向子组件传递数据，这点和React一样。子组件通过事件emit给父组件发送消息。props-events.png看一个例子：//组件A中使用子组件confirmDialog...importconfirmDialogfrom'../widget/confirmDialog.vue';exportdefau
娜姐聊前端·2020-02-13 19:28

前端Vue框架学习笔记

介绍一下文档的内容：01VUE入门学习-环境搭建篇.pd
让爱远航·2020-02-12 16:39

Vue入门---事件与方法详解

一、vue方法实现Vue方法与事件点击我varmyVue=newVue({el:'#test',methods:{//这里使用methodssayHi:function(){alert('我被点击了')}}})二、方法传参Vue方法与事件说你好说我被点击了varmyVue=newVue({el:'#test',methods:{//这里使用methodssayHi:function(message
唐人不自醉·2020-02-10 06:15

vue入门002~vue项目的两种创建方式

上面一节我们已经成功的安装了nodejs，并且配置了npm的全局环境变量，那么这一节我们就来正式的安装vue-cli，然后在webstorm开发者工具里运行我们的vue项目。这一节有两种创建vue项目的方式1，通过npm命令行创建2，通过webstorm来一键创建项目准备工作1，我们在创建项目之前，需要确保nodejs已经成功安装，如果你还没有安装没有配置npm全局环境变量，可以参考《nodeJs
编程小石头·2020-02-06 21:16

仓促

最近在做vue的项目，确实我看过一整套的vue入门教程。可是真的上项目，真的抓瞎，而且，这个项目，从头到尾都要我来做。虽说webapi都已经完成了差不多了，但是对于我这个小白来说，压力确实挺大的。
Hi_Alice·2020-02-06 21:43

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

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

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

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

vue入门003~vue项目引入element并创建一个登录页面

上一节已经教大家如何创建一个vue项目，这一节，我们就温故下vue项目的创建，顺便引入element，实现一个简答的登陆页面。老规矩，先看效果图一，快速创建vue项目二，引入element类库首先我们进入element官网：https://element.eleme.cn/#/zh-CN/component/installation简单熟悉下element。然后如下图所示引入element类库。做
wx5cef8dfc0aa1c·2020-01-17 19:30

vue入门003~vue项目引入element并创建一个登录页面

上一节已经教大家如何创建一个vue项目，这一节，我们就温故下vue项目的创建，顺便引入element，实现一个简答的登陆页面。老规矩，先看效果图一，快速创建vue项目二，引入element类库首先我们进入element官网：https://element.eleme.cn/#/zh-CN/component/installation简单熟悉下element。然后如下图所示引入element类库。做
wx5cef8dfc0aa1c·2020-01-17 19:23

vue入门002~vue项目的两种创建方式

上面一节我们已经成功的安装了nodejs，并且配置了npm的全局环境变量，那么这一节我们就来正式的安装vue-cli，然后在webstorm开发者工具里运行我们的vue项目。这一节有两种创建vue项目的方式1，通过npm命令行创建2，通过webstorm来一键创建项目准备工作1，我们在创建项目之前，需要确保nodejs已经成功安装，如果你还没有安装没有配置npm全局环境变量，可以参考《nodeJs
wx5cef8dfc0aa1c·2020-01-17 13:34

Vue入门之slot属性

一开始接触学习slot，比较浅显，以为只是个占位符而已。看了官方文档，好吧，没看明白，翻到了一篇博客，讲的很细，跟着敲了代码，总结下，对了，博客的网址是https://blog.csdn.net/sinat_17775997/article/details/524840721.slot是干啥的？假如父组件需要在子组件内放一些DOM，那么这些DOM是显示、不显示、在哪个地方显示、如何显示，就是slo
扁扁的汤圆·2020-01-06 04:48

ES6扩展

模板字符串和标签模板constgetCourseList=function(){//ajaxreturn{status:true,msg:'获取成功',data:[{id:1,title:'Vue入门'
陈莺莺呀·2020-01-05 23:00

vue入门2----vue事件监听、计算属性和监视watch

一、模块1、定义1.动态的html页面2.包含了一些JS语法代码a.双大括号表达式b.指令(以v-开头的自定义标签属性)a.双大括号表达式语法:{{exp}}功能:向页面输出数据可以调用对象的方法2.指令一：强制数据绑定：功能:指定变化的属性值完整写法:v-bind:xxx='yyy'//yyy会作为表达式解析执行简洁写法::xxx='yyy'3.指令二：绑定事件监听：功能:绑定指定事件名的回调函
奋斗滴猩猩·2020-01-01 23:48

vue入门，vue指令，vue组件，vue模板

vue使用虚拟dom操作减少真实dom操作提高页面的渲染效率虚拟dom的本质就是内存中的一个对象，该对象和dom结构相互对应将开发者经历从dom中释放出来，转移到数据的操作开发者不需要关注页面的渲染，关注的是数据的变化，数据发生变化页面会自动刷新引用 el:选择挂载元素​newVue({el:"div",el:"#root",el:".my",el:document.querySelector("
九九柒·2019-12-31 15:00

Vue入门：Vue.js 2.x 实例搭建

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

前端开发之走进Vue.js(入门知识点)

刚刚在部门里做了一次关于vue入门的分享，其中包括：为什么选择Vue、Vue常用API、组件间的通讯、Vue的技术栈、开发中的注意点。在此贴上PPT，希望能帮助想学习Vue或了解Vue的同学。
Smileswlin·2019-12-22 03:41

Vue入门笔记 day2

复习Vue单文件方式xxx.vue1：准备好配置文件package.json（包描述文件&&封装命令npmrundev）+webapck.config.js（打包的配置文件）2：创建index.html（单页应用的页）3：创建main.js（入口文件）4：引入vue和相关的文件xxx.vue5：newVue(options)6：options（选项）datamethodscomponents（组件
12345ss·2019-12-21 18:27

前端学习笔记Vue入门

Vue.js入门教程参考文献Vue-Cliwebpack打包入门：http://www.cnblogs.com/keepfool/p/5678427.htmlVue中文文档：https://cn.vuejs.org/v2/guide/index.htmlVue-cliwebpack打包实战：https://segmentfault.com/a/1190000008143264over安装Vue.j
采香行处蹙连钱·2019-12-19 10:58

VUE系列教程目录

VUE系列教程目录vue-cli3.X系列：vue最简单的入门教程+实战（vue-cli3.X）vue入门之路篇系列教程：vue最简单的入门教程+实战+Vue2+VueRouter2+webpack（一
言墨儿·2019-12-19 08:31

2018-04-24 axios和Vue入门

1.介绍jQuery解析$.ajax()//ajax部分可用axios代替$('#btn')$a.addClass//DOM部分可用vue.js代替//以后就不用jquery了2.Vuetemplate里最外层只接收第一个div，所以所有东西都要用一个div包起来页面显示HelloVue!{{message}}varapp=newVue({el:'#app',data:{message:'Hell
彭奕泽·2019-12-18 10:54

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

vue入门vue与react和Angular的关系和区别一、为什么学习vue.jsvue.js兼具angular.js和react的优点，并且剔除了他们的缺点官网：http://cn.vuejs.org
红叶楠飞·2019-12-17 07:41

Vue入门（一）

1.Vue安装1.1安装nodejs下载地址：http://nodejs.cn/download/安装完成后设置环境变量setPATH=%PATH%;D:\ProgramFiles\nodejs//临时生效setx-mPATH"%PATH%;D:\ProgramFiles\nodejs"//永久生效查看是否安装成功node-v1.2创建依赖目录配置npm的全局模块的存放路径以及cache的路径，在
苍山落暮·2019-12-16 22:00

Vue入门指南

Vue.js新手入门指南最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS+JavaScr
joker731·2019-12-15 20:53

Vue基础入门学习

Vue入门程序Vue入门程序{{msg}}varroot;//vue实例root=newVue({el:"#root",//模拟内容//template:'helllow{{msg}}',da
久曲健·2019-12-15 19:00
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他