Vue基础

vue基础

001、v-show与v-if的区别v-show:操作的是元素的display属性v-if:操作的是元素的创建和插入相比较而言v-show的性能要高002、methods、computed、watch三者的区别methods是个方法，执行的时候需要事件进行触发computed是一个计算属性，是实时响应的，只要data中的属性发生了变化那么就会触发computed，计算属性是基于属性的依赖进行缓存的
weixin_41379961·2020-08-08 11:12

Vue快速入门（el挂载点,data数据对象,指令集）

在bilibili找了Vue框架学习教程，包括了基础介绍及实际应用实践，感觉教程也还不错，现把学习内容做个简单总结：一、Vue基础入门1、入门一个框架最好的方式就是从官方文档开始，因为Vue框架是中国人写的
不忘初心Eternity·2020-08-08 02:39

vue动态引入及axios封装(基础和进阶)---小白入门

vue动态引入及axios封装的扩展和总结一.vue基础1.axios的基础用法.2.router的基础用法二.vue的进阶1.axios进阶(1).先看看axios如何进行封装(2).在src目录下面的
前端_小菜鸟·2020-08-07 21:08

vue基础---列表渲染

首先简单回顾下v-for‘指令{{book.name}}newVue({el:"#list_area",data:{books:[{name:'一年级'},{name:'二年级'},{name:'三年级'}]}})（1）v-for指令v-for指令根据一组数组的选项列表进行渲染。v-for指令需要使用iteminitems形式的特殊语法，items是源数据数组并且item是数组元素迭代的别名。在v
weixin_30699741·2020-08-07 19:37

Vue基础语法：条件判断、循环遍历、内容绑定

vue中包含有大量的指令，指令具有固定的功能或作用指令即属性，v-开头1.条件判断1）v-show2）v-if,v-else指令所在的标签必须连贯写，否则语法错误3）v-if,v-else-if,v-else注：值为true时，指令所在的标签在页面中显示值为false时，v-if指令所在的标签，在DOM树上不存在的v-show指令所在的标签，在DOM树上存在，但是在页面中不显示的，是display
洪布斯·2020-08-07 17:15

vue基础学习

输出值调用方法绑定属性输出html鼠标单击,双击事件鼠标移动事件:事件修饰符的使用比如我要阻止事件冒泡,事件只触发一次修饰符阻止a链接的默认跳转行为键盘事件以及按键修饰符的学习检测到你按键就会被触发只放按住enter键的时候搜索还能支持按键的链式操作:alt+enter才触发也可以vue中如何查找dom元素双向数据绑定methods和Computed的区别methods:当页面内容改变时,meth
笑死我了笑死我了·2020-08-07 16:21

2020-06-23

Vue基础知识Vue是用于构建用户界面的渐进式框架，借鉴了angular的指令思维和react的组件与虚拟dom思维，运用了MVVM的设计思想。
大阪黑鸡·2020-08-07 15:28

VUE基础

以下内容参考自下面视频：https://www.bilibili.com/video/BV1y7411y7am1.单向数据绑定v-bindv-bind指令，单向数据绑定，一般用在标签属性中,获取值Document{{content}}{{content}}newVue({el:'#app',data:{content:'我是标题',message:'页面加载于'+newDate().toLocal
April临末·2020-08-07 13:01

Js全栈开发之Vue入门基础

Vue基础入门前几天自学完了koa2的后端，并写了几篇学习博客，今天得闲继续总结下Vue的简单基础入门，koa2加上vue基本上就可以自己玩Js全栈了。
卷儿哥·2020-08-07 11:24

Js全栈开发之Vue简单综合实例

Vue简单综合实例继续上一篇《Js全栈开发之Vue入门基础》，这篇主要摘抄几个比较好的vue.js简单的综合实例，来加强巩固上一篇总结的vue基础入门知识。
卷儿哥·2020-08-07 11:24

vue基础回顾 -- 循环遍历与条件判断

vue基础回顾--循环遍历与条件判断标签中循环数组和对象标签中的条件判断（标签复用）JS中的循环标签中循环数组和对象标签中:循环对象格式:"(属性值,属性名,索引值)in对象"循环数组格式:"(元素值,
qq_42872677·2020-08-07 10:51

Vue+mintUI+Element（vscode)入门学习

vue基础笔记Vue与Angular实现无人点餐无人收银系统搭建Vue的开发环境vscode快捷键vue数据绑定属性绑定HTML绑定vue双向数据绑定vue中的ref获取dom节点vue-todolist
chuachua呀·2020-08-07 10:47

vuex 2.*源码解析—— 花半小时就可以读懂vuex实现原理

阅读准备vuex的源码是基于es6语法，所以在阅读文章之前，你需要先掌握这些基础：1.es6语法2.vuex官方文档，像我一样英语阅读能力差的，还有中文文档3.前端基础js、css、html不用说啦，vue
weixin_33704234·2020-08-07 09:40

【美团网项目】2.Vue基础知识

知识点环境搭建（如何快速搭建Vue环境/创建一个Vue项目）模板语法计算属性类与样式条件&列表渲染事件处理深入了解组件路由基础（单页面应用会涉及到路由，如何配置路由）Vuex基础（跨组件通信、状态保护都依赖于Vuex）环境搭建搭建环境有很多种方式，这里我们采用最快速最便捷的脚手架（构建工具vue-cli）方式，这个脚手架是vue官方提供的。vue-cli@3（vue脚手架，当前版本是3，是vue的
irenb·2020-08-06 09:25

vue开发去哪儿网App的知识点和错误点整理

这篇文章主要记录的是-我在编码过程中运用的主要知识点和遇到的bug以及对bug的修复，目的是加深对vue基础知识的记忆和理解。
长不胖的麦兜·2020-08-05 22:23

vue基础篇实战总结一：购物车实战

上周看完了vue基础篇本想继续看进阶篇本着基础不牢地动山摇的原则特地总结重新再写一遍基础篇中实战开发过的一些小东西，以加深熟练度如果还没有开始vue学习的朋友可以看这本书，还不错链接：https://pan.baidu.com
Snoopy180709·2020-08-05 13:40

Vue基础（一）

准备开始vue基础(1).历史介绍angular09年，年份较早，一开始大家是拒绝star:react2013年,用户体验好，直接拉到一堆粉丝star:vue2014年,用户体验好star:(2).前端框架与库的区别
wqc910605·2020-08-05 11:34

Vue基础理论

一vue的定位(1)Vue.js是一个构建数据驱动的web界面的库。(2)Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。(3)Vue.js自身不是一个全能框架——它只聚焦于视图层。因此它非常容易学习，非常容易与其它库或已有项目整合。(4)在与相关工具和支持库一起使用时，Vue.js也能完美地驱动复杂的单页应用。二响应的数据绑定通俗地讲，它意味着我们在普通HTML模板
weixin_30501857·2020-08-05 11:23

Vue：Vue基础知识之学会使用v-text、v-html两个指令

Vue：Vue基础知识之学会使用v-text、v-html两个指令1、index.html文件Vue.js实例Vue2.0实例HelloWorld实例v-if&v-else&v-showv-for实例v-text
听雪看味闻歌·2020-08-05 11:39

Vue基础—理论

前言Vue的一些理论点，学习Vue的一些前置知识更多可查看官方文档：Vue博客地址：芒果橙的个人博客【http://mangocheng.com】一、介绍1.概念Vue是一套用于构建用户界面的渐进式框架与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合渐进式框架，随时可根据需要安装插件SPA：single-pageapplic
芒果-橙·2020-08-05 10:33

Vue基础第一天理论、知识点以及知识点代码

1.Vue概述点击这里快速进入官网2.Vue基本使用2.1传统开发模式对比原生JS：varmsg='HelloWorld';vardiv=document.getElementById('msg');div.innerHTML=msg;jQuery：varmsg='HelloWorld';$('#msg').html(msg);2.2Vue.js之HelloWorld基本步骤{{msg}}//vu
库库好困·2020-08-05 10:34

vue基础第一天-黑马程序员

文章目录day01Vue是什么？使用Vue将helloworld渲染到页面上指令v-cloakv-textv-htmlv-pre**v-once**双向数据绑定v-modelmvvmv-onv-on事件函数中传入参数事件修饰符按键修饰符自定义按键修饰符别名==小案例==-简单计算器v-bind绑定对象绑定class绑定对象和绑定数组的区别绑定style分支结构v-if使用场景v-show和v-if
single_dog_yang_tao·2020-08-05 01:53

vue基础结构一键生成的代码模块添加

把下面的代码复制到html.json文件中。打开html,json的文件步骤，点击文件，然后选首选项，然后选用户代码片段，然后输入html，选择html.json。把下面的代码粘贴过去。{"Vue":{"prefix":"vue","body":["","","\t","\t\t$1","\t\t","\t\t","\t\t","\t","\t","\t\t","\t\t","\t\t\tvarv
aocang1339·2020-08-04 23:47

Vue快速入门（案例+基础知识）

Vue之前，建议具备的知识：HTMLCSSJavaScriptAjax如果具备了以上知识，更容易理解嗷~Vue官方文档链接：点击即可进入嗷~（建议初学者使用开发环境版本）将从四个方面对Vue进行介绍~Vue
八月_·2020-08-04 07:28

在线Api接口，网易云音乐api数据完整接口文档，QQ音乐在线api接口文档，电商api开放数据接口文档分享

以下api数据接口主要为一些学过ajax或一些学过vue基础的同学。
dream_reason·2020-08-03 19:29

vue基础篇

总结内容基于2.x版本。使用vue-cli生成命令：vuecreatedemomvvm，mmodel数据模型，v，view视图，vmvue干了两件事第一件监听dom，第二件，把modal数据和view绑定起来1,选项/生命周期钩子常用钩子beforeCreate:()=>{console.log('beforeCrearte')},created:()=>{console.log('created
fire-fire-fox·2020-08-03 06:50

Vue基础技术|webpack-dev-server的配置和使用

这部分主要说一下如何配置我们的webpack-dev-server让我们可以在开发的过程中体验到一个非常高效又非常方便的开发模式，提高我们的开发效率，webpack-dev-server是webpack的包，首先需要安装这个webpack包➜[email protected]@1.0.0Norepositoryfiel
不忘初心 砥砺前行·2020-08-03 00:59

vue基础part(4-6)

条件渲染v-if与v-if成功了失败了切换v-show显示成功v-show显示失败开发者模式下element中显示内容v-if为false的部分不会被显示出来，而v-show的部分会display属性变为none列表渲染类似foreach的写法v-for遍历数组{{index+1}}----{{p.name}}--{{p.age}}---删除---更新newVue({el:"#demo",data
唔喽嚓·2020-08-02 22:00

Vue基础技能【六、自定义指令、过滤器、插槽、动画】

1、自定义指令1.1、定义指令作用：帮助我们实现对于一些原生DOM的操作。比如说，页面一进入输入框就获取焦点；比如焦点离开输入框就开始验证。定义自定义指令：全局注册Vue.directive('指令名',{配置项})//全局注册要放在Vue实例化之前局部注册newVue({el:"",...directives:{指令名:{配置项}}})1.2、指令的配置项指令的生命周期钩子bind绑定只触发一次
醉酒笑红尘s·2020-08-02 18:35

吾皇万岁,万岁,万万岁!

2018-11-621:01:30python之路Django之路Flask之路vue基础前端知识git&GitHubLinux之路一个神奇的模块,用于整理自己的项目pip切换豆瓣源快到离谱贴一下关于Ipython
aocaiti5781·2020-08-02 16:35

Vue学习笔记整理(一)

参照视频coderwhy老师的Vue目前笔记积累到P62原本没打算整理笔记，结果p63看懵了，然后开始整理起来笔记部分笔记参考Vue笔记整理一些之前Vue基础v-bind的基本使用某些时候我们并不想将变量放在标签内容中
非幡动·2020-08-02 16:58

小白入门

Vue基础笔记第一单元1.简述MVVM和MVC的区别MVC是后台的中框架模式将程序分成三部分M(model模型)V（view视图）C（controller控制器）model和数据库的操作相关功能view
Ghoul_C_L·2020-08-02 15:03

【Vue全家桶+SSR+Koa2全栈开发】项目搭建过程 整合 学习目录（持续更新中）

Vue基础全局安装vue/cli脚手架管理员身份运行c
一百个Chocolate·2020-08-02 14:52

如何通过 Vue-Cli3 - Vuex 完成一个 TodoList

当然用一个简单的实例来完全掌握Vue也不太现实，只是通过这样一个例子来树立学习的信心，了解Vue基础知识点。Vue-cli-todolist，是一个用vue-cli3工具初始化项目，
weixin_30546933·2020-08-02 14:07

Vue全家桶+SSR+Koa2全栈开发美团网（目前最新）

备注：我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等1-1课程导学第2章Vue基础知识整个SSR部分都是用的Vue框架，需要给初级用户讲解Vue的基础语法，不会让他们在学习实战的时候感到迷茫
qq_43700765·2020-08-02 13:31

Vue基础（slot插槽、transition过渡、vue历史、vue-cli脚手架、Vue.config.js配置、vue脚手架中的ToDoList案例）

■目录slot插槽&语法过渡动画如何使用&项目使用的目的vue-cli2.x&3.x脚手架创建项目vue-cli3.x完整最终案例一、slot插槽!!明确需求思考：如果你封装一个提示组件，如何实现每次调用可以传递不同的参数？回答：通过slot插槽技术简介顾名思义：1-定义组件时留一个口子/槽，2-调用组件时插入数据到口子/槽语法后备（默认）内容步骤1：定义组件通过占位留一个口子/槽步骤2：调用组件
菜鸟_小卡酷谋·2020-08-02 13:26

vue基础

vue分层mvc:什么是,什么时候用1.特点:1.在什么地方些什么东西,规定,易于管理,最早出现在web项目中,不适合小型项目使用,解决代码复杂性的问题解决了代码的耦合度2.将数据访问层,业务层,视图层解耦3.更容易开发,维护开发效率更高2.优点:1.耦合性低2.重用性高3.生命周期成本低4.开发和成本较低,简单5.可维护性高3.缺点:1.不适合小项目2.view:视图,数据展示3.control
王小锤偏偏锤你·2020-08-02 13:21

Vue基础6天实施笔记

Vue基础课程课程介绍Vue基础语法指令、过滤器、按键修饰符、生命周期、自定义指令、computed计算属性、watch监听器axios、ES6模块化、组件、vue单文件组件、WebStorageSPA
viceen·2020-08-02 12:32

spring + VUE 前后端分离绕不过去的技术栈

另一方面Vue的出现，以及Vue基础上构建的Element-UI终于让一个手残党也能实现头脑中出现的界面，出现的操作，出现的动画等等，Vue的动态绑定数据让JS代码走出了代码管理的泥沼，终于JS代码看
java_augur·2020-08-01 12:19

Vue基础知识分享

目录目录Vue基础Vue安装Vue声明式渲染Vue组件化Vue常用指令v-bind数据绑定，响应式更新HTML特性效果展示v-model给DOM双向绑定数据效果展示v-on监听DOM事件效果展示v-if
double_Hui·2020-08-01 12:16

vue基础

vue学习整理http://doc.liangxinghua.com/vue-family/1.html说一下Vue和React的认识，做一个简单的对比监听数据变化的实现原理不同Vue通过getter/setter以及一些函数的劫持，能精确快速的计算出VirtualDOM的差异。这是由于它在渲染过程中，会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。React默认是通过比较引用的方式进行的，
sara-·2020-08-01 06:08

基于vue框架手写一个notify插件，实现通知功能

1.基础知识我们首先初始化一个vue项目，删除不需要的组件和样式，主要针对src下一些初始化资源，有过vue项目基础的应该很容易理解，如果没有vue基础建议先熟悉每个初始化文件的作用。
唐吉小学生·2020-08-01 05:32

Web前端+移动端全套视频教程

移动端全套视频教程|12、小程序|01.小程序.rar|11、Vue|05.Vue实战练习.rar|04.VueUI框架Element-UI.rar|03.Vue路由.rar|02.Vue网络请求.rar|01.Vue
weixin_34234829·2020-08-01 04:18

vue 基础 新手快速入门 实例

vue基础新手快速入门实例文章目录vue基础新手快速入门实例1镜像切换工具2创建工程2.1创建新新工程--vue2.2创建模块，vue-demo2.3初始化工程2.4安装vue2.5vue页面2.6vue
shi860715·2020-08-01 00:05

VUE基础知识 v-for循环遍历数组

1.先在本地模拟一个数组（项目中后端会给）data(){return{orders:[{text:"苹果"，price:"35.5",num:"5",},{text:"橘子",price:"25.5",num:"6",},{text:"葡萄",price:"35",num:"3",}]}}2、在需要遍历的标签中进行遍历{{item.text}}{{item.price}}元{{item.num}}
冥花染彼岸·2020-07-31 23:27

网页开发基础--Vue

文件的区别Sass能帮助我们解决什么问题Sass环境安装Sass核心基础知识Sass变量和引用Sass数据类型Sass变量运算Sassmixin（混合宏）Sass继承和嵌套Sass条件控制Sass内置函数Vue
aaron9185·2020-07-31 15:40

Vue基础（父子组件传值、兄弟组件传值、ref的使用、slot插槽）

组件Vue.component(’组件名称’,’组件’)组件包括：templatedatamethods生命周期钩子函数computedwatch…….1、父组件给子组件传值：子组件用props接受：第一种方式：props:[‘title’]//数组方式接收第二种方式（官方推荐）：props:{title:{type:String//数据类型required:true//是否必须传值，true：必
ZHANGJIN9546·2020-07-31 11:28

前端基础框架之vue（持续更新中）

--详见1.4vue项目性能优化--详见1.5二，vue基础知识双向数据绑定（v-model的原理）--详见2.1虚拟dom--详见2.2-1和2.2-2template模板渲染语法和原理（vu
蜗牛ha·2020-07-31 11:20

手摸手，带你用 vue 动画实现原生 app 切换效果，丝滑般的体验

先来看效果图完整源码在github中，欢迎star：https://github.com/imfing/vuexlearn准备开始之前您需要有vue基础，以及安装好vue-cli开始新建vue项目：vueinitwebpackvuexlearn
stackfing·2020-07-30 21:24

Vue基础学习1

1、vue的介绍Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。2、Vue的简单应用,常用语法1、vue的引入新手不建议直接使用webpack自动化构建vue应用，这个我们后面会讲。现讲2种简单的方式(1)直接引用，引用地址为：(2)直接下载，在引
沃土前端社区_子鸣·2020-07-30 21:34
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他