VUE入门

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

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

vue入门(二) 使用nodejs，webpack，vue-cli搭建项目

在上一篇文章中已经介绍过用cdn的方式使用vue。这次改为在nodejs中搭建vue项目。在nodejs环境和各种工具的帮助下你可以使用ES6语法，组件，模块来开发web应用，使前端开发更加工程化。一、安装nodejs打开nodejs官网选择左边推荐版本，下载安装。安装完成后，打开CMD，输入node-v，检查是否已经安装成功。显示版本号即表示成功安装了。这里要插入介绍一下npm（nodepack
啊BEN999·2020-09-12 23:55

Vue 入门之浅谈插槽slot(一)插槽的简单使用

@[TOC](Vue入门之浅谈插槽slot(一)插槽的简单使用)插槽是什么Vue实现了一套内容分发的API，这套API的设计灵感源自WebComponents规范草案，将元素作为承载分发内容的出口。
YXGR·2020-09-12 17:45

（四）Vue入门：简单的组件编写

一、使用VSCode进行编辑使用VSCode打开目录，会推荐我们安装一个Vetur的插件，安装后，可以自动填充。自动格式化代码快捷键：shift+alt+F资源网站：https://element.eleme.cn，里面的各种组件有代码1、在componets目录上，新建一个文件Login.vue，然后输入template，script，style三件套，完成样式如下：Http://exportd
NothingI·2020-09-12 16:49

（三）Vue入门：工程清理

一、下载VisualStudioCode本文使用的版本是VSCodeSetup-x64-1.47.1.exe安装完毕之后，可能会存在黑屏。使用兼容性打开，就会正常了。二、使用VScode打开vue工程三、开启服务打开命令行窗口，运行vueui，在任务中，运行启动server，然后点击启动app。可以看到默认的页面（略）。四、清理工程默认的内容1、修改main.js，剩下这些基本内容：importV
NothingI·2020-09-12 16:48

（二）Vue入门：创建新工程

1、输入命令vueui，自动会跳转到浏览器，打开下面页面。2、点击创建项目，选择文件夹3、创建项目名称4、如果以前有进行过配置，这里可以选择常用的配置，如果没有，这里填写手动5、根据具体需求添加功能，这里我仅添加2个功能，babel，router6、就不开启历史了。7、点击创建项目，这里我没有保存预设。后台开始创建项目中：8、创建完成后，打开网页，选择插件，在插件页面中，点击右上角的添加插件，搜索
NothingI·2020-09-12 16:48

（一）Vue入门：环境安装步骤

前言做为vue初学，认为拷贝一些JS文件或者Vue文件，就可以把环境搭建起来，这方法行不通。大家跑一遍教程后，会有新的发现。一、安装node本文使用的是node-v12.18.2-x64.msi，因为node-v14.5.0-x64用于高于windows7。二、打开cmd1、测试安装，查看版本2、新建需要存放的目录，我这里是安装在c:\vue3、安装vue-cli。继续运行。打开文件夹，在文件夹右
NothingI·2020-09-12 16:48

Vue入门实战教程之vue-element-admin初体验

Vue入门实战教程之vue-element-admin初体验1.1写在前面的话1.2vue-element-admin后台管理框架1.2.1开发环境搭建1.2.1.1关于node版本选择和安装1.2.1.2Git1.2.2
技术宅星云·2020-09-12 16:34

B站50K播放量，SpringBoot+Vue前后端分离完整入门教程！

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

Vue入门&注意事项

一、简介vue是前端开发中交为常用的框架，vue-cli是vue的脚手架工具，具有所占内存少、开发高效等特点，简单说vue-cli使得vue开发更简单。cli：command-line-interface命令行界面（字符用户界面）二、安装环境及创建项目1、安装环境npm：nodepackagemanager，node的包管理器。推荐使用淘宝镜像来安装npm，官方网速太慢。npminstall-gd
4o4_Not_Found·2020-09-12 14:24

Vue入门以及生命周期

vue的简单介绍为什么要使用vue?单页应用并不会刷新整个页面vue.js较为简单，功能大都相同vue正在作为主流框架被广泛应用在这里插入图片描述如何引入Vue文件标签引入CDN对于制作原型或学习，你可以这样使用最新版本：在用Vue构建大型应用时推荐使用NPM安装。NPM能很好地和诸如webpack或Browserify模块打包器配合使用。同时Vue也提供配套工具来开发单文件组件。最新稳定版$np
孤城瘾·2020-09-12 09:45

vue入门简单实例

所使用的工具：谷歌浏览器、Node.js(自带npm)idea使用node.js安装cli服务Cmd输入npminstall-g@vue/cli创建一个项目Vuecreate项目名称为项目安装ui支持（如iview）Vueaddiview（过程y或回车）增加router支持vueaddrouter（从创建项目开始可在idea的Terminal中运行）开启项目的服务。输入npmrunserve然后回
峰过林·2020-09-12 09:02

vue入门

vue功能数据渲染/数据同步组件化/模块化其他：路由，ajax，数据流js、css、html在同一个文件里还可以在组件里例如的方式用less来编译样式vue实例对象el决定了把这个对象挂载到哪里例如el:'body放在body下template模板data数据components可以把其他组件引用到根组件里newVue（{components：{other-component}}）通常在开头创建这
花江夏树·2020-09-11 15:06

vue基础学习笔记（一）

文章目录0.vue入门学习及常用指令1.基本目录介绍2.准备开始2.1学员反馈2.2复习2.3今日重点3.vue介绍4.es64.1webpack-ES6的处理4.2ES6中的模块4.3ES6中的代码变化
winter wang·2020-09-11 11:40

Vue04

九、Vue入门小结核心：数据驱动，组件化优点：借鉴了AngulaJS的模块化开发和React的虚拟化Dom，虚拟Dom操作放到内存中执行；常用属性：v-ifv-else-ifv-elsev-forv-on
uxiang_blog·2020-09-11 10:35

乐优商城项目---day05-vue入门

0.前言前几天我们已经对后端的技术栈有了初步的了解、并且已经搭建了整个后端微服务的平台。接下来要做的事情就是功能开发了。但是没有前端页面，我们肯定无从下手，因此今天我们就要来了解一下前端的一些技术，完成前端页面搭建。先聊一下前端开发模式的发展。静态页面最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。异步刷新，操作DO
程序员DD·2020-09-11 06:03

初识vue

vue入门一.什么是vue二.Vue的基本语法2.1第一个Vue程序：helloword2.2el2.3data2.4methods三.VUE表达式四.VUE的指令五.VUE组件5.1全局组件5.2局部组件一
王一胜233·2020-09-11 04:10

几个javascript框架对比（vue,react,Angular等），如何选择？

原生渲染，跨平台开发规模向上拓展向下拓展Angular大型应用TypeScript体积学习曲线Ember全能框架KnockoutIE浏览器支持到IE6Ploymer谷歌项目Riot微型应用结束语vue教程vue
北海拾贝·2020-09-10 23:58

【转载】vue提示Uncaught TypeError: Cannot read property 'push' of undefined 解决方式

share_user=1030000013014061附vue入门：https://www.cnblogs.com/Leo_wl/p/5632703.html转载于:https://www.cnblogs.com
weixin_30481087·2020-09-10 18:10

VUE入门 环境安装（npm 、nrm的使用 ）

安装node.js，使用node-v和npm-v可检测node和npm的版本1.npminit初始化npminit-y(不用敲回车)2.npminstall/i包名-S/-D下载包3.npmuninstall包名-S/-D删除包--save生产依赖简写-S--save-dev开发依赖简写-D--save：将保存配置信息到package.json。默认为dependencies节点中。--dev：将
_参北·2020-09-02 09:24

[超详细] vue入门项目 TodoMVC 实现和思考

我的github项目地址：https://github.com/Nicklaus6/todomvc-vue如果对你有帮助希望可以点个star哦~一、项目初始化1.下载模板在存放该项目的目录下执行：gitclonehttps://github.com/tastejs/todomvc-app-template.git2.安装依赖进入项目目录cdtodomvc-vue在项目目录下安装依赖yarn3.引入
布纳纳大草莓·2020-08-28 13:22

Vue入门指南（3）

属性绑定v-bind：给属性绑定对应的值web开发varapp=newVue({el:"#vue-app",data:{website:"http://www.baidu.com"},})TIM图片20180124220600.jpg这时候a的href属性值就是我们希望的值。如果想将标签绑定，可以采用下面的方法：varapp=newVue({el:"#vue-app",data:{websiteT
我向你奔·2020-08-26 08:01

Vue入门——认识Vue、Vue的指令、生命周期等

文章目录1.认识Vue2.Node和NPM2.1.下载Node.js2.2.NPM3.快速入门3.1.创建工程3.2.安装vue3.2.1.下载安装3.2.2.使用CDN3.2.3.推荐npm安装3.3.vue
White Camel·2020-08-25 16:16

Vue入门基础笔记

VUE笔记(MVVM数据驱动视图)1.绑定元素varapp=newVue({//el就是element不能使用htmlbody只能使用普通元素el:'#app',data:{message:'HelloVue',url:'http://www.baidu.com/',isLogin:true,seen:true,fruits:['苹果','香蕉','菠萝'],htmlStr:'你好'},//事件名
是吗乔治·2020-08-25 11:26

B站50K播放量，SpringBoot+Vue前后端分离完整入门教程！

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

Vue+koa2开发一款全栈小程序

1.课程介绍+2.ES6入门3.vue入门、Mpvue入门4.koa入门5.服务端环境搭建和项目初始化6.个人中心7.图书录入功能8.图书列表页9.图书详情页
王唧唧·2020-08-24 15:39

Vue入门基础知识

一、Vue入门基础知识1、Vue使用的基本操作i.先下载，引入vue.jsii.Vue，实例化一个vue实例化对象（newVue({})）1.新建一个vue实例化对象（Vue是一个构造函数）2.执行vue
weixin_44389107·2020-08-24 11:51

Vue入门

vue实例：site:{{site}}url:{{url}}{{details()}}varvm=newVue({el:'#vue_det',data:{site:"菜鸟教程",url:"www.runoob.com",alexa:"10000"},methods:{details:function(){returnthis.site+"-学的不仅是技术，更是梦想！";}}})
一川烟草i蓑衣·2020-08-23 22:23

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

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

vue入门教程 简单实现一个事件绑定

vue入门教程简单实现一个事件绑定按钮点击按钮输出内容：{{meassge}}//vue中作为组件，data需要写成一个函数return一个对象的形式//其中的值可以用this来访问到exportdefault
MmM豆·2020-08-23 06:59

VUE入门基础笔记

1,首先说明,这篇笔记是参照尚硅谷vue教程视频而来,如有侵权,请联系删除2,直接上示例3.1vue数据绑定数据绑定{{msg}}constvm=newVue({el:'#app',//dom元素data:{msg:''}})3.2强制数据绑定及事件绑定{{msg}}{{msg.toUpperCase()}}{{msg.toLowerCase()}}clickclickclickconstvm=n
weixin_30684743·2020-08-23 03:06

前端Vue基础学习

Vue基础对与vue的简洁明了的干货分享，适合小白学习观看，如果有笔误或者想了解更多的，请给笔者留言，后续会继续分享，从零开始的vue相关经验当然你如果没有搭建过vue项目请查看笔者另一篇博文vue入门级教程从零搭建一个
MmM豆·2020-08-23 01:42

02-Vue入门之数据绑定

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

Vue入门（一） 初识vue及数据驱动和组件化

Vue入门（一）理解vue的数据驱动和组件化近年来前端开发趋势旧浏览器逐渐淘汰，移动端需求增加前端交互越来越多，功能越来越复杂架构从传统后台MVC向RESTAPI+前端MVVM迁移VueJS是什么轻量级的
Alive_tree·2020-08-23 00:19

vue入门（一）新建一个vue项目，搭建一个vue-cli2 脚手架（vue 项目）

第一步安装npm首先Vue的安装依赖于node.js，要保证你的计算机上已经安装过node.js，如果电脑上有node.js,可以跳过node安装，如果没有就先安装node。安装node，下载node下载之后默认安装，直到完成安装查看是否安装成功，可以查看安装npm的版本打开控制台电脑图标键+R输入cmd然后enter就可以进入或者shift+右键）命令行中输入：npm-vnode-v在node里
爱倒腾·2020-08-22 11:32

script引入vue出现unresolved type vue

Vue入门踩坑之unresolvedtypevue问题描述在webstorm中用script标签引入vue.js，能够正常执行，但是在创建Vue对象时出现未能解析的提示解决方案：下载Vue保存并解压打开
茹.·2020-08-22 11:20

vue入门

varvm=newVue({el:'#vue_det',//绑定区域data:{site:"菜鸟教程",url:"www.runoob.com",alexa:"10000"},//定义方法methods:{details:function(){returnthis.site+"-学的不仅是技术，更是梦想！";}}})调用site:{{site}}url:{{url}}{{details()}}属性
空气KQ·2020-08-22 10:17

Vue小白入门

推荐慕课网Vue.js视频教学，简单、易学、时间短，小白的入手必备Vue入门helloworld{{content}}姓：名：{{fullName}}{{count}}helloworldtoggle{
frozen_memory·2020-08-22 09:21

vue入门——开始一个项目

1.vue的安装依赖于node.js,所以要先安装node.js，可以去控制台查看你是否成功安装node。image.png2.最好安装一下cnpmimage.png3.然后就可以新建项目了，（1）进入你想要新建项目的文件夹；（2）vueinitwebpackztree然后依次根据提示键入项目名称，描述，作者，密码，是否安装路由，是否使用ESLint（一个人开发的话建议选择否，不然多一个空格都会报
就叫青稞吧·2020-08-22 01:16

HTML5前端知识分享：Vue入门

Vue是渐进式框架，自底向上增量开发，是构建数据驱动的web界面，他通过尽可能简单的API实现响应的数据绑定和组合的视图组件，与angularjs，相比它小巧，运行快数据绑定都使用{{}}，与react相比都提供了组件化的试图组件，都集中在核心库，有丰富的插件库。1.常用标签V-model双向关联V-else与v-else在上下相近的标签里使用，分开就会影响条件的判断V-for（a，b）inc遍历
weixin_34258078·2020-08-22 00:30

vue入门5---vue动画transition/animation、过滤器filter

一、动画理解1.操作css的trasition或animationVue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。-在CSS过渡和动画中自动应用class-可以配合使用第三方CSS动画库-在过渡钩子函数中使用JavaScript直接操作DOM-可以配合使用第三方JavaScript动画库vue会给目标元素添加/移除特定的class过渡transition的相关类名xxx-ent
奋斗滴猩猩·2020-08-21 19:43

Vue入门指南（2）

数据绑定1.插入值文本数据绑定最基础的形式是文本插值，使用“Mustache”语法（双花括号）：Message:{{msg}}newVue({el:"div",data:{msg:"大家好，我是奔哥！"}})TIM图片20180124154637.pngMustache标签会被相应数据对象的msg属性的值替换。每当这个属性变化时它也会更新。当然，我们也可以只处理单次插值，今后的数据变化就不会再引起
我向你奔·2020-08-21 18:29

VUE入门到实战--Vue实例和模板语法

1、Vue实例1、每个Vue应用都是通过用Vue函数创建一个新的Vue实例开始的：比如我们在下面这个例子中如果使用浏览器打开，我们在控制台输入vm.$data、vm.$el都能打印出响应的内容。在一个Vue实例中，像el，data，methods....还有很多，都叫做Vue的实例属性。这些实例属性都能通过{实例名.$实例属性名}这种方式得到。2、实际上每个组件都是一个Vue的实例，或者说一个Vu
taopoppy·2020-08-21 12:33

Vue入门——Vue的核心

代码部分请下载本文代码阅读，代码均能正常运行并有详细的注释。本文代码下载地址概述无需置疑，Vue之所以能如此之火，主要受益于它是一个MVVM框架和它易学的文档，几乎所有觉得学习Vue有难度的开发者都是觉得组件脚手架等等不太好理解，但是这些都不是Vue的核心，Vue的核心表现在最易学的Vue指令和绑定，学好Vue指令和绑定基本就学好Vue的一大半了，把基础核心的几个知识点说完会做几个完整的demo。
每一天都是开始·2020-08-20 19:07

vue入门基础

Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。MVC和MVVM的区别基本代码MVVM模式注意：vue实例不能控制body及div中的那个
shine_wl·2020-08-19 19:46

vue入门篇之内部指令

vue内部指令：带有v-前缀的特殊属性，绑定表达式，类似js表达以及过滤器。特殊指令有的需要加“：”作用：表达式的值发生改变这个变换将反应在dom上。常用指令：v-if/v-else:判断true/false显示与隐藏可以减轻服务器压力，在需要的时候加载v-show：调整css的display属性客户端操作更加流畅v-for：数组循环渲染（ainarr）;绑定a就可以循环出数组的内容v-text：
jzyhc·2020-08-19 10:53

在没有DOM操作的日子里，我是怎么熬过来的（终结篇）

接下来，正文从这开始~好多童鞋学习Vue都有灯下黑的误区，比如，观看各种Vue入门的视频教程，翻阅各种Vue学习笔记的技术博客，闲逛各种号称Vue技术交流的大群。。。殊不知你们都在骑驴找马绕远路。
闰土大叔·2020-08-19 09:15

Vue入门学习笔记

1.Vue.js是什么?1).一位华裔前Google工程师(尤雨溪)开发的前端js库2).作用:动态构建用户界面3).特点:*遵循MVVM模式*编码简洁,体积小,运行效率高,移动/PC端开发*它本身只关注UI,可以轻松引入vue插件和其它第三库开发项目4).与其它框架的关联:*借鉴angular的模板和数据绑定技术*借鉴react的组件化和虚拟DOM技术5).vue包含一系列的扩展插件(库):*v
吞石鱼·2020-08-19 00:12

vue入门

简介这是一篇炒鸡简单的入门文章如果说是JQuery是手工作坊，那么Vue.js就像是一座工厂，虽然Vue.js做的任何事情JQuery都可以做，但无论是代码量还是流程规范性都是前者较优。好了，开始吧准备首先，我有如下假设:你会用html+css+javascript写一些网页你知道什么是DOM和BOM(BrowserObjectModel)你知道Vue.js是一个框架而不是一个新语言你会用百度或者
dingqinze4040·2020-08-19 00:53

vue入门

vue入门1.Vue.js是什么？
依呀·2020-08-18 23:51
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他