Vue入门

Vue入门——Vue计算属性

Vue的计算属性computed，就是一个函数简单点说，它就是一个能够将计算结果缓存起来的属性（将行为转化成了静态的属性），类似缓存！代码示例：这里编写两个返回当前时间戳的方法，分别在methods属性和计算属性computed中computecurrentTime1:{{currentTime1()}}currentTime2:{{currentTime2}}varvue=newVue({el:
Baret-H·2021-01-22 15:36

Vue入门——常见指令及其详细代码示例

Vue常见指令元素属性绑定：v-bind条件判断：v-if、v-else、v-else-if循环：v-for事件监听：v-on双向数据绑定：v-model1.什么是双向绑定2.为什么要实现数据的双向绑定3.在表单中使用双向数据绑定4.代码示例`input`单行文本,单选/复选按钮`textarea`多行文本`select`下拉框综合代码指令前缀带有v-，来表示他们是Vue提供的特性，会在渲染DOM
Baret-H·2021-01-21 18:05

Vue（第三天）

1、使用步骤结论二、内容分发三、自定义事件Vue入门小结前言提示：以下是本篇文章正文内容，下面案例可供参考一、什么是计算属性（computed）？
最爱尹宝·2021-01-19 13:53

vue入门

历史vue作者是由雨溪，发布于2014年，是目前使用人数比较多的前端框架，该框架具有以下几个优点：JS框架简化DOM操作响应式数据驱动视图框架和库的区别jquery库：->DOM+请求框架：全方位功能齐全KFC世界里:库相当于是一个套餐框架相当于是一个全家桶代码上不同:一般使用库的代码，是调用库的某个函数，我们把控库的代码一般使用框架，其框架帮我们运行我们编写好的代码1、初始化自身行为2、执行你所
一声蔷薇udVkP·2021-01-06 02:12

Vue基础学习笔记

文章目录概念什么是vue入门下载vuejs基础第一个入门应用语法模板语法指令vue事件定义和使用记事本小案例事件修饰符按键修饰符Axios（艾克扫四）基本使用小例子vue生命周期vue组件全局组件局部组件组件的
十夫长·2020-12-29 23:24

Vue进门

Vue入门HelloWorld方法与双向绑定创建组件Vue实例生命周期图示模板语法指令计算属性与方法侦听器Class与Style绑定对象语法`内联定义是什么？
不知名某某·2020-12-26 15:41

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
fogy丶·2020-12-22 13:46

vue入门看这篇就够了，浅显易懂一学就会

本文分为三个部分：第一部分：安装相关工具，创建vue项目，快速上手体验第二部分：上传github仓库，方便别人下载，体验第三部分：编译打包发布到服务器第一部分：vue.js是现代前端开发中一个重要的流行框架，与Angular.js和React.js类似，提供了对html,js以及css的编译能力，同时提供了一个运行时的框架，用于组合组件化的调用方式，这与传统的在页面增加css和js，实现页面效果有
漫游者码农·2020-12-14 16:04

Vue入门：（踩坑：Vue4.5.6引入elementui）

1##今天用v4.5.6版本的Vue脚手架创建项目时选择了3.x的Vue.js版本。然后想引入elementui时报错浏览器显示空白检查报如图上错误而当我去掉element相关包后又运行正常，这时发现原来v4.5.6版本实例对象不一样了于是上网查询，发现了有遇到同样的问题的难友，他们最后都是通过删除当前版本，下载适应的版本最后成功解决，当我以为脱坑的时候，试了后发现仍然报错，深感绝望，决定重新去创
Continue丶·2020-12-03 00:36

Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建3.VisualStudioCode使用指南公众号：代码集中营每周分享技术文章、优质软件资源axios是一个基于Promise用于浏览器和nodejs
代码君1234556·2020-11-12 23:23

20分钟看完vue的基础入门

前言第一章认识Vue第二章Node和NPM1.下载Node.js2.NPM第三章快速入门1.创建工程2.安装vue2.1.下载安装2.2.引入VUE.JS2.3.npm安装(推荐)2.4安装总结：3.vue
Mr.YHL·2020-11-10 22:49

Vue入门：第一个程序

尝试Vue.js最简单的方法是使用HelloWorld例子。然后通过如下方式引入Vue：起步对于制作原型或学习，你可以这样使用最新版本：对于生产环境，我们推荐链接到一个明确的版本号和构建文件，以避免新版本造成的不可预期的破坏：如果你使用原生ESModules，这里也有一个兼容ESModule的构建文件：importVuefrom'https://cdn.jsdelivr.net/npm/vue@2
Continue丶·2020-11-10 19:44

前端Vue入门之路——8.组件系统

组件是可复用的Vue实例,如果网页中的某一个部分需要在多个场景中使用，那么我们可以将其抽出为一个组件进行复用。组件大大提高了代码的复用率。vue.jpg一个典型的博客应用中，如何在子组件模板中渲染出父组件的数据：//vue-demo.htmlnewVue({el:'#blog-post-demo',data:{posts:[{id:1,title:'MyjourneywithVue'},{id:2
jackie_su·2020-11-05 23:16

vue入门笔记

第一次接触vue的时候，当时比较迷茫，不知道怎样搭建相关的基础运行环境（基于VisualStudioCode进行开发），下面通过笔记形式，简单做下记录：第一步，安装Node.js，官网地址：https://nodejs.org/zh-cn/download第二步，安装VisualStudioCode，官网地址：https://code.visualstudio.com/Download第三步，安装
青山酒馆·2020-10-23 14:36

Vue 网络请求框架 axios 使用教程

前期回顾1.Vue学习入门指南2.Vue入门环境搭建公众号：代码集中营每周分享技术文章、优质软件资源axios是一个基于Promise用于浏览器和nodejs的HTTP客户端，网络请求框架。
代码君1234556·2020-10-20 11:59

【Vue入门】练习demo

安装1.确定电脑已装node和npmnode-vnpm-v出现版本号则说明电脑已经安装好node和npm2.创建一个基于webpack的项目vueinitwebpackdailyrecord3.在项目里安装依赖cddailyrecordnpminstall4.运行npmrundev这样你的vue就跑起来啦配置路由为了动态渲染各个页面的组件，这个是必须的，这些都在router文件夹里的index.j
YO提莫酱·2020-10-09 20:37

前端学习之旅——第一周

下载最新的yarn3.查资料了解yarn和npm的区别3.1.官网文档3.2.npm3.3.npm的不足3.4.yarn3.5.yarn的优点3.6.区别总结3.7.参考链接4.vue.cli介绍4.1.vue
琴瑟在御yhh·2020-09-23 09:34

vue入门9：组件的父子传值和兄弟传值是如何实现的

组件的传值一、组件间的传值1.父子传值父组件向子组件传值子组件向父组件传值2.兄弟传值二、完整代码一、组件间的传值父传子：通过绑定一个属性，例如:content=“要传的值”子传父：$emit兄弟传值：通过bus主线把需要传值的组件连接起来1.父子传值父子传值：简而言之就是父组件向子组件传值，子组件向父组件传值下面以待办事项案例为例父组件向子组件传值逻辑：输入框的值——>代办事项父组件——>代办事
丙睦·2020-09-17 09:16

【vuejs】1/5vue 学习笔记

代码：***************************es6复习以及vue入门###准备开始------####学员反馈下午感觉要起飞了,给我们点时间练一下保留最终解释权晕晕乎乎的一天就过去了保留最终解释权
天下熙熙皆为利来啊·2020-09-17 09:37

Vue入门一（安装）

Vue入门一（安装）中文官方网站：https://cn.vuejs.org/v2/guide/installation.html在用Vue构建大型应用时推荐使用NPM安装。
skylan2012·2020-09-17 05:12

Vue

2、表现层（CSS）3、行为层（JavaScript）4、JavaScript框架5、UI框架6、JavaScript构建工具7、主流前端框架8、前端为主的MV*时代9、NodeJS带来的全栈时代2、Vue
默辨·2020-09-17 05:50

【vue】vue入门-使用vue实现简单的一问一答小案例

首先引入vue的包:本次案例除了引入vue的包外，还需要引入第三方的包:首先我们找到一个接口:https://yesno.wtf/api该接口是提供一个json接口，返回问题的答案yes或者no以及相应的动态图html结构如下:提出一个答案只能是Yes/No的问题:{{answer}}然后我们创建一个Vue实例，使用watch对输入框进行监听。如果发生变化，则向https://yesno.wtf/
evan_qb·2020-09-17 04:32

Vue入门（一）

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

Vue入门笔记

Vue概述：Vue是一套用于构建用户界面的渐进式框架，发布于2014年2月。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库(如:vue-router:跳转，vue-resource:通信，vuex:管理)或既有项目整合。一、前端知识体系想要成为真正的“互联网Java全栈工程师”还有很长的一段路要走，其中“我大前端”是绕不开的一
十分之九加九分之一·2020-09-17 00:00

vue入门--vs code编辑器不能使用npm ,cnpm命令，解决方法集合

写在前面：本是一个专属后端工作者，由于工作需要，不得已要去学vue，刚入门，连搭建vue工程都不知道怎么搞，经同事介绍，了解了vscode编辑器，准备用它来入手vue，按照网上的教程，安装node.js，安装vue-cli，安装完成后，在cmd终端窗中也都校验了安装是否生效，查看版本号都依次生效。但是在vs-code编辑中，npm和cnpm命令都不能用，除了报错命令未知，还报了以下错误：百度了N中
Joker_Wanghy·2020-09-17 00:55

vue入门

什么是VueVue是一个前端框架，特点是数据绑定比如你改变一个输入框Input标签的值，会自动同步更新到页面上其他绑定该输入框的组件的值数据绑定组件化页面上小到一个按钮都可以是一个单独的文件.vue，这些小组件直接可以像乐高积木一样通过互相引用而组装起来组件化Vue2.0推荐开发环境开发环境解释Homebrew1.0.6(Mac)、Node.js6.7.0、npm3.10.3、webpack1.1
WuFatBoy·2020-09-16 19:05

vue入门全局配置

全局配置Vue.config是一个对象，包含Vue的全局配置。可以在启动应用之前修改下列属性：silent类型：boolean默认值：false用法：Vue.config.silent=true取消Vue所有的日志与警告。optionMergeStrategies类型：{[key:string]:Function}默认值：{}用法：Vue.config.optionMergeStrategies.
weixin_30650039·2020-09-16 19:14

vue入门学习01

vue官方文档：https://vuejs.bootcss.com/v2/guide/installation.html#命令行工具-CLIvue-router路由文档:https://router.vuejs.org/zh/vue菜鸟教程文档：https://www.runoob.com/vue2/vue-component.html一、一步一步搭建vue项目1、首先安装node.js。参考：h
chen_jia_hao·2020-09-16 11:38

Vue入门十、路由跳转（哈希模式）

单页一应用的路由模式有再种1、哈希模式（利用hashchange事件监听url的hash的改变）window.addEventListener("hashchange",function(e){console.log(e)})2、history模式Title登录注册varappdiv=document.getElementById("app")window.addEventListener("ha
weixin_34261739·2020-09-16 04:41

vue入门—— vue CLI脚手架

1，vueCLI脚手架安装使用Vue.js开发大型应用时，需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情CLI是Command-LineInterface,翻译为命令行界面,但是俗称脚手架.使用vue-cli可以快速搭建Vue开发环境以及对应的webpack配置安装Vue脚手架：npminstall-g@vue/cliVueCLI2初始化项目：vueinitwebpackmy-p
Cookie_fzx·2020-09-16 03:58

Vue入门笔记

Vue入门笔记安装开发工具使用vscode,构建工具使用npm使用vscode打开空目录(目录名不能包含空格)打开Terminal,输入npminit-y,目录下产生package.json文件执行npminstallvue
追风筝的程序员·2020-09-16 02:05

Vue入门

注：此文档笔记来自于imooc-vue2.5入门课程(https://www.imooc.com/learn/980)创建第一个Vue实例第一个Vue实例{{msg}}{{msg}}newVue({el:"#root",data:{msg:"helloworld",}})引入Vue.js的脚本标签要放在head中，可以防止出现抖屏的情况，body中的称为挂载点，div标签中的内容称为模板。{{ms
申小远·2020-09-15 20:35

Vue入门todolist组件

todoLists添加{{item}}newVue({el:"#root",data:{msg:"helloworld",inputValue:'',lists:[]},methods:{handleClick:function(){this.lists.push(this.inputValue);this.inputValue='';}}})向一个列表中添加元素，并显示出来组件todoLists
申小远·2020-09-15 20:35

Vue入门之animate过渡动画效果

简介：transition方法的使用transition内置方法transition-groupanimate库实现过渡动画`````````````Document````````[v-cloak]{``display:none;``}`欢迎加入全栈开发交流划水交流圈：582735936面向划水1-3年前端人员帮助突破划水瓶颈，提升思维能力`p{``width:100px;``height:10
weixin_33834628·2020-09-15 15:38

在Vue中使用jsx

那、还能是啥呢起因最近看到好多在Vue中使用JSX的文章，我虽然是Vue入门的，但是我对Vue的熟悉程度也只有几个V-指令和简单的传值传事件了。
eswang·2020-09-15 12:24

Ant-deign-vue入门：布局－官方文档踩坑

概述AntDesign作为一门设计语言面世，经历过多年的迭代和积累，它对UI的设计思想已经成为一套事实标准，受到众多前端开发者及企业的追捧和喜爱，也是React开发者手中的神兵利器。ant-design-vue是AntDesign的Vue实现，组件的风格与AntDesign保持同步，组件的html结构和css样式也保持一致，真正做到了样式0修改，组件API也尽量保持了一致。致此，AntDesign
atlasun·2020-09-13 15:25

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

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

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
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他