vue入门

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

webpack + Vue 入门

webpack+Vue入门Webpack新建一个项目目录，名为myapp,并对其进行初始化。
Mjericho·2019-12-13 23:39

前端框架：Vue入门

组件介绍组件系统是Vue.js其中一个重要的概念，他提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树。那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看做自定义的HTML元素。组件的创建和注册基本步骤Vue.js的组件的使用有3个步骤：构建组件构造器、注册组件和使用组件。运行结果如下可以看到，使用组件合使用
狗狗嗖·2019-12-12 00:46

Vue入门到放弃01(基础入门)（vue介绍与入门）详解

CSDN地址：https://blog.csdn.net/qq_38191191什么是Vue.jsVue.js是目前最火的一个前端框架，React是最流行的一个前端框架（React除了开发网站，还可以开发手机App，Vue语法也是可以用于进行手机App开发的，需要借助于Weex）Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一
开猿_节流·2019-12-02 19:15

React组件略讲

前端同学一般都会从Vue入门，因为Vue使用的的组件开发方式让前端人员更容易的平滑过渡。Vue的组件很简单，一般来说，一个.vue文件就是一个组件。
奔跑的瓜牛·2019-12-01 23:00

Vue入门以及ES6新特性讲解

1.前端技术发展史简介1.1前端技术发展史（1）1990年，HTML（超文本标记语言）诞生，主要用来做静态网页，由一些标签+css等组成。（2）1995年，JSP、PHP、ASP的相继出现，可以使用它们来完成动态网页，但是后台非常臃肿。（3）Ajax（AsynchronousJavascriptAndXML，即异步Javascript和XML，也称为局部刷新技术）成为主流。（4）2008年，HTM
小咯叽·2019-11-29 23:15

Vue学习笔记:基础篇之vue入门

为了建立高效团队，很多公司会采用全栈工程师，虽然利弊兼有，对于成本优先的创业团队，肯定是首选，特别是对.net生态圈，大部分都是小公司，就更加重要了。这里记录的是对vue的学习点滴，希望对你有所助力。1.简介更加轻量20kbmin+gizp渐进式框架【按需学习】响应式更新机制【数据驱动】学习成本低官网官网教程git学习资料2.内容介绍基础篇：Vue核心知识点生态篇：大型Vue项目所需的周边技术实战
张飞洪[厦门]·2019-11-13 08:00

Vue入门：v-bind

本篇为Vue的基础篇，主要关于v-bind:class与style的动态绑定。1.绑定class的几种方式1.1对象语法给v-bind:class设置一个对象，可以动态地切换class，对象里的key是类名，value对应true,false。html代码：我是class对象语法点我换背景色我是class计算属性JavaScript代码：varapp=newVue({el:'#app',data:
JaniceZD·2019-11-05 21:58

随笔:ES6一些特性+VUE入门

ES6let块级-->属于局部变量const声明常量不可以修改1.解构(1).数组解构var[a1,a2,a3]=[1,2,3](2).对象解构varp={name="xx",age=23}var{name,age}=p;2.箭头函数格式var函数名=(参数列表)=>{函数内容}等价于一下代码var函数名=function(参数列表){函数内容}如果参数只有一个可以省略(),函数内容只有一句代码可
不穿格子·2019-11-03 08:18

vue学习

文章目录vue入门指令绑定样式元素绑定class样式元素绑定style样式过滤器字符串补充数组补充按键修饰符自定义指令vue生命周期vue-resource基本使用组件创建组件方式私有组件组件切换父组件向子组件传递非父子组件间数据传值
刘_杨·2019-10-30 22:07

Vue入坑第一篇

一.前言本篇作为vue入门的一篇总结，目地在使用vue一些简单的特性去打开vue的学习之门。
小土豆·2019-10-30 05:01

vue入门系列之计算属性和侦听器

计算属性和侦听器计算属性模版语法中的插值表达式非常便利，但是当表达式逻辑比较复杂的时候会模版难以维护。处理复杂的逻辑，我们可以使用计算属性来解决问题。下面举个例子{{message.split('').reverse().join('')}}现在我们将这个插值表达式改写成计算属性的方式{{reverseMessage}}varvm=newVue({el:'#example',data:{messa
Byhua·2019-10-17 16:09

Vue入门教程 第六篇 （路由、axios）

路由Vue.js路由需要载入vue-router库。npm安装：npminstallvue-router使用范例：1//router/index.js2importVuefrom'vue'3importRouterfrom'vue-router'4importLoginfrom'@/pages/login'5importHomefrom'@/pages/home'67Vue.use(Router)
Mr.Jimmy·2019-10-17 11:00

VUE入门知识，官方文档梳理

子曰：“温故而知新，可以为师矣。”本人已使用VUE一段时间，官方文档写的非常的详细，本次整理主要是为了温习，加深对各个知识点的熟悉程度，本文不适合做为初学者的入门教程，建议初学者移步官方文档。不过Vue本身含有非常丰富的功能，要用Vue搭建完整的应用，仍然需要了解大量Vue设计概念和操作技巧。VUE后台管理系统开发交流Q~群:942802115官方文档地址基本指令v-text输出渲染后的值v-ht
杰尼龟七号·2019-10-12 18:28

vue入门示例

第一个vue程序(入门示例)：提示：vue入门非常简单，这里就不使用文字进行说明了，直接看html代码示例即可明白。html内容为：哈喽~window.onload=functio
justry_deng·2019-10-09 17:35
上一页 10 11 12 13 14 15 16 17 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他