VUE入门

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

Vue简单入门

Vue入门el:类型：string|HTMLElement作用：决定之后Vue实例会管理哪一个DOMdata:类型：Object|Function作用：Vue实力对应的数据对象methods:类型：{[
Yzc_start·2020-07-30 07:54

Vue入门

静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新，操作DOM1995年，网景工程师BrendanEich花了10天时间设计了JavaScript语言.随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态为主。ajax盛行：2005年开始，ajax
xxxo3oxxx·2020-07-30 06:51

Vue入门到放弃Day2（上）——文档阅读笔记

Vue.js1.创建实例varvm=newVue({//body})2.数据与方法（小懵）demo：{{a}}{{b}}constdata={a:1};constvm=newVue({el:'#app',data:data});//wathc方法：观察变量是否变化,记录变化后的最新的值和之前的值vm.$watch('a',function(newVal,oldVal){console.log(ne
UndeFIned丶·2020-07-30 05:50

vue入门讲解 day01

一、设计模式1、SPASinglePageApplication单页应用程序就是只有一个web页面的应用，所有的操作都在这个页面上完成（容器页面）浏览器一开始会加载相应的HTML、CSS和JavaScript，然后将所有的活动都局限在该Web页面中当用户与应用程序交互时通过JavaScript动态更新页面中的内容2、MVVMModel-View-ViewModel模型-视图-视图模型模型：指的是构
进阶的前端工作者·2020-07-30 05:42

vue入门day04

vue的元素控制指令v-show、v-ifDocumentp1p2newVue({el:'#app',data:{age:20}})页面显示如下：通过如上所示，应该能看得出来，v-show取值为false时，只是隐藏dom（display:none）。下面演示v-ifDocument60">老年人40">中年人18">成年人未成年newVue({el:'#app',data:{age:20}})页
进阶的前端工作者·2020-07-30 05:42

vue入门记录 二

1.Element-ui表单验证+提交return{quer:{querId:''},rules:{querId:[{required:true,message:'请输入ID'},{type:'number',message:'必须是数字'}],},user:{id:'',name:'',age:''},tableData:[],}//MethodsgetUserList(){this.$refs
幼稚园程序员。·2020-07-30 01:10

vue入门记录 一

1.main.js配置importVuefrom'vue'importAppfrom'./App.vue'importRouterfrom"./router";importElementUIfrom'element-ui';import'element-ui/lib/theme-chalk/index.css';importqsfrom'qs'importaxiosfrom'axios'//引入a
幼稚园程序员。·2020-07-30 01:39

vue入门细节

1、npminit初始化package.json文件，npminstall下载所需依赖包；v-bind绑定属性1、在vue实例中data属性中有一个job:'https://github.com/sunyinge0902'，本来想的是在a标签href属性中可以直接{{job}}，就可以获取到地址的，然并卵，之后想起href是个属性，可以用v-bind绑定属性：web开发v-html绑定字符串解析h
小鸥美·2020-07-29 23:17

Vue自学官方文档入门【一】

Vue入门之一1、介绍Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。
FrequencyStar·2020-07-29 22:17

【VUE】vue入门之实现简易的购物车组件

vue初学者由于之前用惯了angular了，所以学起vue来还是比较得心应手的，昨天大概看了一遍vue的API文档，今天用vue实现一个简易的购物车组件先上仓库地址https://gitee.com/wuchunling/shoppingCart.git先看效果图1.全局安装vue-cli命令行工具npminstallvue-cli--g2.用vue命令行初始化项目vueinitwebpacksh
墨霁青玉·2020-07-29 22:07

Vue入门---电商项目

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

vue入门 day01

1、总结一下v-text和v-html和插值表达式的差别插值表达式特点1、是不覆盖以前的内容特点2、不能将内容解析为html格式2、v-html属性特点1是覆盖以前内容特点2是能渲染html代码到标签中3、v-text属性特点1是覆盖以前内容特点2是不能渲染html代码到标签中2、创建一个vue对象并和视图进行绑定，然后在该div中分别用插值表达式、v-text、v-html获取到vm下data中
一只不断踩坑的新韭菜·2020-07-29 14:48

太赞了，SpringBoot+Vue前后端分离完整入门教程！

最近很多小伙伴都在学习前后端分离的知识，苦于找不到好的基础资料，于是我翻箱倒柜，找了一份好的Vue入门视频和笔记pdf，然后更是亲自录制了SpringBoot+Vue的前后端分离的综合项目，现在统统免费共享给大家
后端技术精选·2020-07-29 04:19

最易懂的vue入门篇

最易懂的vue入门篇创建简单的vuevue常用指令(括号表示简写)vue-api钩子函数（转载）vue组件（转载）vue实例（转载）生命周期钩子（转载一个写的特别好）生命周期八个钩子函数创建简单的vue
Java程序员-朱晨·2020-07-28 23:36

Vue入门

当一个Vue实例被创建时，它将data对象中的所有的属性加入到Vue的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。//我们的数据对象vardata={a:1}//该对象被加入到一个Vue实例中varvm=newVue({data:data})//获得这个实例上的属性//返回源数据中对应的字段vm.a==data.a//=>true//设置属性也会影响到原始数据
weixin_37328901·2020-07-28 20:01

Vue入门2

显示过滤/排序后的结果有时，我们想要显示一个数组经过过滤或排序后的版本，而不实际改变或重置原始数据。在这种情况下，可以创建一个计算属性，来返回过滤或排序后的数组。例如：{{n}}data:{numbers:[1,2,3,4,5]},computed:{evenNumbers:function(){returnthis.numbers.filter(function(number){returnnu
weixin_37328901·2020-07-28 20:01

一个vue+express+nodejs爬虫构建的伪整站移动书城

所以代码还是有不少问题，但是应该很符合vue入门使用者的写法，比如直接修改state：this.$st
weixin_34315665·2020-07-28 19:58

vue入门(二) ——监听属性，样式绑定

感觉写博客好麻烦的....有的很小的知识点，我看的时候是记在笔记本上的，但是现在要再用博客写一遍，就会整理很久，就想着干脆简单一点写一点笼统的。以及一些需要时间思考的代码，写出逻辑监听属性用$watch响应数据变化学vue最大的感觉就是感觉很多指令啊属性啊跟监听是一样的意思，都能实时的感受到数据，交互性能真的很好，但是久了会有点难区分区别,先看下面这个例子，是菜鸟给的第一个最简单的例子12345V
weixin_30379911·2020-07-28 16:01

【Vue.js学习笔记（1）】从hello world开始第一个Vue实例

我采用的是开发版本，首先新建一个文件夹，用于这个项目，将下载下来的vue.js文件放入文件夹，再用编译器打开文件夹，在文件夹下建立一个html文件，并进行引入vue.js，如图：初始代码如下：Vue入门
咕噜竜二·2020-07-28 09:02

Vue入门学习笔记

Vue学习笔记1.MVVM模式和第一个Vue程序参考狂神说java学习教程什么是MVCMVC模式代表Model-View-Controller（模型-视图-控制器）模式。这种模式用于应用程序的分层开发。Model（模型）-模型代表一个存取数据的对象或JAVAPOJO。它也可以带有逻辑，在数据变化时更新控制器。View（视图）-视图代表模型包含的数据的可视化。Controller（控制器）-控制器作
李泽玉·2020-07-28 09:22

Vue入门 --- HelloWorld

newVue({el:'#app',data:{message:'HelloWorld!'}});{{message}}这样写HelloWorld，可以吗？不可以！为什么不可以？不可以的背后隐藏了什么秘密？说明了什么问题？如果你一开始反应不过来，那只能说明一个问题：JavaScript基础有问题。Js解析器从前往后解析代码，当它解析到以下代码的el:'#app'时，它就傻了。没有id为app的元素
洛神赋在csdn·2020-07-28 05:35

01vue的helloworld，vue入门，如何使用vue写一个最简单的效果

说明：1、本示例是作为程序员接触任何一门技术时的基本使用“helloworld”。2、要测试该代码需要先下载vue.min.js看代码：Title{{message}}，我今年{{age}}岁了//创建vue实例（对象）,Vue构造函数的参数是json对象varv1=newVue({//el属性：是element的缩写，表示该vue对象（v1）对应的html元素是哪个el:"#app1",//el
田江·2020-07-28 00:29

vue入门学习—组件的内容分发（slot）

原文链接:查看原文官网文档介绍为了让组件可以组合，我们需要一种方式来混合父组件的内容与子组件自己的模板。这个过程被称为内容分发。Vue.js实现了一个内容分发API，使用特殊的‘slot’元素作为原始内容的插槽。编译作用域在深入内容分发API之前，我们先明确内容在哪个作用域里编译。假定模板为：{{msg}}msg应该绑定到父组件的数据，还是绑定到子组件的数据？答案是父组件。组件作用域简单地说是：父
annuchao0059·2020-07-27 19:47

VUE入门实例

引言Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，方便与第三方库或既有项目整合。1.到官网下下vue.jsvue官网我们这里使用开发版，它包含了许多警告提示信息新建一个文件夹把vue.js放进去，然后创建一个html文件命名为index.html2.第一个he
zsq_fengchen·2020-07-18 10:00

Vue入门 IDEA创建vue项目并安装UI框架ElementUI--1

window环境中IntelliJIDEA创建vue项目一、安装node.js二、安装vue-cli脚手架三、使用IntelliJIDEA创建vue项目四、运行vue项目五、安装Element-ui一、安装node.jsnode.js官网下载地址：https://nodejs.org/zh-cn/，一路next下来，安装完毕。打开cmd(window环境下快捷键window+R),输入node-v
既来安之·2020-07-16 03:38

vue入门到精通及高级用法，原理分析

v-html的XSS攻击在Vue中有v-html这个便利的指令，可以让我们直接输出HTML，但它有个缺点。Vue官网这样解释这个「指令」双大括号会将数据解释为普通文本，而非HTML代码。为了输出真正的HTML，你需要使用v-html指令：Usingmustaches:{{rawHtml}}Usingv-htmldirective:输出代码：Usingmustaches:Thisshouldbere
N.S.N·2020-07-15 08:25

Vue入门（二）：MVVM是什么，与MVC和MVP的有什么区别

MVC模式全名是ModelViewController，是模型(model)－视图(view)－控制器(controller)的缩写分层定义职责Model（模型）是应用程序中用于处理应用程序数据逻辑的部分通常模型对象负责在数据库中存取数据View（视图）是应用程序中处理数据显示的部分通常视图是依据模型数据创建的Controller（控制器是应用程序中处理用户交互的部分通常控制器负责从视图读取数据，
Beyond_630·2020-07-15 07:14

前端小菜鸡使用Vue+Element笔记（一）

关于使用Vue+Element的项目简介~最近因为项目组缺前端人员，所以自己现学现做页面，先把前后台功能调通觉得前端可真的是不容易呀哎呀~首先记录一下相关的Vue入门的教程：vue环境搭建示例：https
weixin_30321449·2020-07-15 02:39

vue入门

1.Vue.js1.1.Vue.js是什么?1).作用:动态构建用户界面2).特点:*遵循MVVM模式*编码简洁,体积小,运行效率高,移动/PC端开发*它本身只关注UI,可以轻松引入vue插件和其它第三库开发项目3).与其它框架的关联:*借鉴angular的模板和数据绑定技术*借鉴react的组件化和虚拟DOM技术4).vue包含一系列的扩展插件(库):*vue-cli:vue脚手架*vue-re
kidari·2020-07-14 13:34

VUE入门

Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API，能够让开发者在开发web应用的时候更加简易便捷。实际上，一直让Vue引以为豪的是它的便捷性、执行力、灵活性。这篇教程的目的就是通过一些例子，让你能够概览一些基本的概念和特性。在接下来的其他教程里，你会学到Vue更多的有用的特性，从而用Vue搭建一个可扩展的项目。内容转载自:https://segmentfault.com/a/
wangxy799·2020-07-13 16:38

项目- Vue全家桶实战去哪网App

最近在学习Vue，花了几天时间跟着做了这个项目，算是对学习Vue入门的一个总结，欢迎同学们star去哪网APP项目演示地址：http://118.25.39.84基于Vue全家桶(2.x)制作的去哪网APP
程序员同行者·2020-07-13 10:35

vue入门 实现简单搜索引擎搜索历史功能

回车添加记录鼠标悬停出现删除记录按钮删除，清空记录cnm#app{display:flex;flex-direction:column;justify-content:center;}baidu{{index+1}}.{{item.name}}X{{list.length}}itemsleftclearvarapp=newVue({el:'#app',data:{list:[{name:'123'
鲨鱼刺身·2020-07-13 08:49

Vue入门练手小项目

项目内容仿写时间科普网站，主要用以作为vue入门的练习，用到父组件传值、vue-cli3项目搭建、路由配置、动态绑定图片等；环境配置项目使用vue-cli3搭建，首先安装vue-cli3，创建一个项目；
hxy941025·2020-07-13 05:11

Vue入门教程合集

自己虽然是做后端的，但是对前端还是有很大兴趣，之前项目用过React和Vue，对比之下个人更喜欢Vue的方便与简洁。所以整理以下教程。本教程只是带大家入门学习，更多进阶高级用法还需要自己实际摸索或参考官方CookBook。介绍Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于
Hi-Jimmy·2020-07-12 18:54

Vue入门（二）——数据绑定

一、什么是双向数据绑定双向数据绑定是Vue的核心功能之一。所谓双向数据绑定是指：HTML标签上的数据绑定到Vue对象上，反过来Vue对象上的数据也会绑定到HTML标签上。再通俗一点来说：Vue对象的改变会导致HTML标签上的改变，而HTML标签上的变化，也会同样造成Vue对象的变化。而在此之前，以DOM驱动的开发方式，尤其是以jQuery为主的开发时代，都是在DOM变化之后，触发JS事件，之后再在
零和幺·2020-07-12 18:26

vue入门者uni-app开发之---入坑

vue入门者uni-app开发之---入坑前言起步项目结构前言作为一个刚入门vue的前端。
千寻购-前端工程师·2020-07-12 14:54

一个简单的demo学习Vue.js

vue入门.active{color:blue;}.danger{font-weight:bold;}.error{color:red;}hello数字：{{number|toInt}}num:{{num
凌空飞翔·2020-07-12 01:11
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他