Vue基础

学习笔记——Vue知识点总结

文章目录vue基础学习一、事件1、事件处理2、事件修饰3、键盘事件二、计算属性三、监视属性1、监视属性watch2、深度监视四、条件渲染1、条件渲染指令v-if、v-else与v-else-if：v-showv-show
Jian Yue·2022-04-30 20:02

零基础VUE.js学习笔记 基础篇

笔记整理来源B站up主黑马程序员B站黑马程序员快速入门vue前端适合初学者入门vue.js，该文是基础篇基础篇包括课程中的Vue基础和本地应用环节后续会更新进阶篇，包括网络应用和综合应用文章目录VUE.JS
康康爱吃肉·2022-04-30 16:38

Vue3系统入门与项目实战学习笔记

课前须知1-2初学编写HelloWorld和Counter1-3编写字符串反转和内容隐藏小功能1-4编写TodoList小功能，了解循环和双向绑定1-5组件概念初探，对TodoList进行组件代码拆分2Vue
倩mys·2022-04-27 16:06

Vue实战篇二十四：分页显示

系列文章目录Vue基础篇一：编写第一个Vue程序Vue基础篇二：Vue组件的核心概念Vue基础篇三：Vue的计算属性与侦听器Vue基础篇四：Vue的生命周期（秒杀案例实战）Vue基础篇五：Vue的指令Vue
智慧zhuhuix·2022-04-11 07:55

团队vue基础镜像选择思考

前端镜像可以考虑使用nginx或者openresty;镜像大小说明nginx:1.20.2-alpine8.41MB最小最新版本nginx:1.21.450.95MB最新版本nginx:stable1.20.252.27MB稳定版本openresty/openresty:1.19.9.1-4-alpine33.14MB最小最新版本openresty/openresty:1.19.9.1-4-alp
李福春·2022-03-30 13:00

团队vue基础镜像选择思考

前端镜像可以考虑使用nginx或者openresty;镜像大小说明nginx:1.20.2-alpine8.41MB最小最新版本nginx:1.21.450.95MB最新版本nginx:stable1.20.252.27MB稳定版本openresty/openresty:1.19.9.1-4-alpine33.14MB最小最新版本openresty/openresty:1.19.9.1-4-alp
·2022-03-29 21:58

vue快基础知识快速入门

Vue.js快速入门掌握HTML,CSS,JavaScript，ajax开发工具：vscode1、Vue基础1.1Vue简介：JavaScript框架简化DOM操作响应式数据驱动（数据与页面同步更新）https
weixin_48514459·2022-03-27 12:57

Vue基础实现bilibili移动端页面

Vue基础实现bilibili移动端页面一、Vue基础实现bilibili移动端页面一、Vue基础实现bilibili移动端页面简述：对于已经学到vue的同学，bilibili的页面布置难度不大，仔细阅读仔细体悟
飞羽逐星·2022-03-25 13:54

Web 前端视频资源分享（Bootstrap/Vue/小程序）

1.Bootstrap一头扎进Bootstrap链接：https://pan.baidu.com/s/1T9TO8Dd-2JwRb6In7jEUmA提取码：3plm2.Vue基础到入门链接：https:
微笑的Java·2022-03-25 12:46

基于node.js + vant + vue-router + axios热点资讯H5移动端实现

适用人群：学习过vue基础的小伙伴，没学过先麻利儿的去学习vue基础去。（陆续更新，关注我不会迷路哟！）有耐心点，慢慢看完！
咖啡壶子·2022-03-24 12:31

Vue基础知识点(一)

目录一、Vue运用简单介绍二、模板语法三、数据绑定四、data与el五、MVVM模型六、数据代理七、事件处理八、计算属性九、监视属性十、绑定样式十一、条件渲染十二、列表渲染十三、收集表单数据十四、过滤器十五、内置指令十六、自定义指令十七、生命周期十八、非单文件组件十九、单文件组件一、Vue运用简单介绍1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象；2.root容器里的代码依然符
ღ冷风20°C᭄ꦿ࿐·2022-03-23 13:23

Vue原理深度剖析

一、Vue基础语法Vue.js基础结构使用el方式：使用render函数方式：Vue生命周期Vue.js语法和概念插值表达式插值表达式相当于一个占位符，只会替换掉其中的占位置的内容。
蓝欣执念·2022-03-21 15:51

学Vue，看这篇就够了-Vue个人学习笔记汇总(含资料代码项目地址)

又想着方便大家才公开的，所以禁止无礼貌白嫖还话多以及态度不友好交流一、视频链接视频链接最全最新Vue、Vuejs教程，从入门到精通此视频是Vue2教程，讲师coderwhy，很适合新手小白，知识点包括vue
coderYYY·2022-03-20 17:50

分离vue文件中css、js代码的简单技巧

目录场景方法index.vue基础代码index.scss基础代码index.js基础代码拓展代码总结场景1、因为早期是iOS开发，形成的MVC习惯，个人喜欢css、js代码独立放一个文件里面，也就是分离样式模块和业务处理模块
·2022-03-19 15:35

vue、element-ui、springboot前后端分离权限管理系统实战

1PCr0FUYevO9VsKIwdPjnug提取码：1b6d课程项目在线体验地址http://element-ui.ynitmk.cn/账户admin密码12341.技术要点前端：html、css3、js、vue
weixin_47741691·2022-03-17 14:46

Day_01 Vue基础

文章目录1-Vue指令介绍(掌握)2-Vue文本操作(掌握)3-Vue的事件处理(掌握)4-Vue事件修饰符(掌握)5-Vue双向绑定(掌握)1-Vue指令介绍(掌握)概述是带有v-前缀的特殊属性，不同指令具有不同含义。例如v-html，v-if，v-for。使用指令时，通常编写在标签的属性上，值可以使用JS的表达式。常用指令2-Vue文本操作(掌握)概述使用v-html、v-text指令，将Vu
胖ۣۖ虎ۣۖ·2022-03-05 10:49

vue基础语法

基础语法读取data值：{{}}插入HTML：v-html标签属性：v-bind（简写:）条件渲染1：v-if条件渲染2：v-else条件渲染3：v-else-if条件渲染4：v-show（隐藏）列表渲染：v-for{{item}}{{index}}事件监听：v-on:click（简写@click）输入绑定：v-model插槽：v-slot（简写#）这是一个插槽v-once（控件只渲染一次）修改兄
程序员小哲·2022-03-01 20:03

vue基础实践1：vue基础语法

vue基础实践1：vue基础语法Document{{obj}}{{arr}}{{'name'inobj?'
公子清·2022-03-01 20:02

Vue 基础语法

Vue基础语法1.v-bind2.条件渲染3.列表渲染4.绑定事件5.双向数据绑定6.组件的使用【狂神说Java】Vue最新快速上手教程通俗易懂笔记：Vue基本语法、Vue绑定事件、Vue双向绑定、Vue
Training.L·2022-03-01 20:02

Vue 30分钟搞定前端增删改查

JS组件系列——又一款MVVM组件：Vue（一：30分钟搞定前端增删改查）阅读目录一、MVVM大比拼二、Vue常用网址三、Vue基础入门1、MVVM图例2、第一个Vue实例3、双向绑定四、常用指令1、v-text
liuyan55·2022-03-01 16:41

快速上手Vue3

对于有Vue基础的同学来说，掌握几个关键点，上手Vue3分分钟的事。我们一起来看看吧！
jia林·2022-02-27 10:20

Vue基础/生命周期/路由

文章目录Vue基础知识点：生命周期：过滤器路由vue-router前端路由核心：ui-router：vue中：Vue基础知识点：1:全局的代表Vue.的2:实例的代表this.或者newVue().3:
ZQD1997·2022-02-22 13:16

vue组件三大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
做梦跳绳闪到腰·2022-02-22 00:04

vue基础之面包屑和标签tag详解

目录面包屑导航(breadcrumb)标签(tag)1.在main.js中引用tag2.在页面或组件中使用tag3.Tag的属性4.Tag的事件有两个，点击和关闭总结面包屑导航(breadcrumb)面包屑导航显示当前页面的路径，同时支持跳回之前任意页面breadcrumb的使用：按需引入的需要引入两个模块:Breadcrumb、BreadcrumbItem,在main.js中//main.jsi
·2022-02-21 17:57

Vue基础知识

Vue核心一、模板语法1.插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件）。举例：v-bind:href=“xxx”或简写为:href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。插值语法你好，{{name}}指令语法点我去{{
Aurora，·2022-02-21 11:56

vue基础知识入门级总结

vue基础知识入门级总结1.vue-cli3快速创建项目2.项目结构3.vue实例4.模板语法5.生命周期6.vue-router6.1vue-router使用方式6.2vue-router子路由嵌套6.3
qq_41821257·2022-02-21 11:53

Vue精简知识

Vue基础Vue快速体验1.Vue介绍1.1Vue是什么Vue.JS是优秀的前端JavaScript框架react/angular/vue库和框架的区别:库(如jQuery)库是工具.提供大量API，体现了封装的思想
寅贝勒·2022-02-21 11:52

vue基础

条件渲染v-if与v-show的区别1、他们都能实现元素的显示和隐藏2、v-show只是简单的控制元素的display属性（不管条件为真还是为假，这个元素都会被渲染出来）；而v-if才是条件渲染（条件为真，元素会被渲染，条件为假，元素会被销毁）。3、v-show有更高的首次渲染开销；v-if的首次渲染开销要小很多。4、v-if有更高的切换开销，v-show切换开销比较小。5、v-if有配套的v-e
心安理得丶·2022-02-21 08:56

2018-09-17

昨天看了vue基础：{{msg}}v-textv-html事件：@click双向绑定v-model属性绑定title计算属性：computed侦听器：watchv-ifv-showv-for(key值)
gaoxuerong·2022-02-19 06:51

VUE基础

1.绑定stylenewVue({data:{styObj:{fontSize:'36px',color:'pink'};}})2.绑定类classnewVue({data:{color:'gold';}}).gold{background-color:gold;}3.对象绑定当flag为真的时候，h1被绑定，pinkclass否则都不帮事件newVue({methods:{say(){//语句，
晴天3521·2022-02-16 18:19

vue基础之详解ElementUI的表单

目录ElementUI表单一个简单的案例表单的主要组件表单组件的使用行内的表单对齐方式表单验证自定义的验证规则表单内组件尺寸控制总结form模块的属性form模块的方法FormMethods（官方文档的，了解一下）form-item模块的属性总结ElementUI表单el的表单官网内容很多，看了一眼觉得心累了。但实际上它使用起来非常的方便,el为我们封装了各种组件，样式也大众。一个简单的案例代码如
·2022-02-16 15:22

Vue基础学习

一、Vue指令：v-on指令:主要用来监听dom事件，以便执行一些代码块。表达式可以是一个方法名。简写为：@例子：分别点击“隐藏/显示”按钮可以切换内容的显示{{name}}隐藏/显示varapp=newVue({el:'#app',data:{name:'软件1721',show:true},methods:{handleClick:function(){//把当前show属性的值取反if(th
purplepass_953a·2022-02-15 21:43

前端知识总结之VUE基础

1.Vue3的一些新特性。Proxy的拦截器里有个receiver参数，在本文中为了简化没有体现出来，它是用来做什么的？国内的网站比较少能找到这个资料：newProxy(raw,{get(target,key,receiver){returnReflect.get(target,key,receiver)}})可以看StackOverflow上的问答：what-is-a-receiver-in-j
林间曲悠扬·2022-02-14 12:06

Vue 过滤器、计算属性、侦听器 图解版 一目了然

文章目录本篇学习目标1.vue基础1.0_vue基础v-for更新监测1.1_vue基础_v-for就地更新1.2_vue基础_虚拟dom1.3_vue基础_diff算法情况1:根元素变了,删除重建情况
几何心凉·2022-02-14 12:02

深入理解Vue组件3大核心概念

前言本文主要介绍属性、事件和插槽这三个vue基础概念、使用方法及其容易被忽略的一些重要细节。如果你阅读别人写的组件，也可以从这三个部分展开，它们可以帮助你快速了解一个组件的所有功能。
Fundebug·2022-02-12 12:25

Vue基础语法和生命周期

计算属性和监视1、计算属性：在computed属性对象中定义计算属性的方法在页面中使用{{方法名}}来显示计算的结果2、监视属性：通过VM对象的$watch()或watch配置类监视指定的属性当属性变化时，回调函数自动调用，在函数内部进行计算3、计算属性高级：通过getter和setter实现对属性数据的显示和监视计算属性存在缓存，多次读取只执行一次getter计算getter：属性的get方法s
qianxun0921·2022-02-11 14:03

Vue.js入门

Vue.js是一个轻量级的前端框架，让开发者不必在于视图层，更多的在于数据层的展现和交互，减少了Dom的操作；1.简单入门和讲解1.1案例1Vue基础知识练习{{message}}varapp=newVue
Coder_lan·2022-02-10 10:09

E-前端文章汇总

www.jianshu.com/p/cb0a502db874npm常见问题解决https://www.jianshu.com/p/1f19c97f8033往期--->未来*前端文章一、ES6基础入门.....二、Vue
鄙人_阿K·2022-02-10 09:28

vue.js2.0学习路线

Vue基础1.对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。2.先按文档顺序最少学习完组件那一章。
阳光小羊羊的草场·2022-02-09 12:03

【Vue基础】一、从创建一个Vue对象开始

1.实例选项的使用varmy=newVue({el:'body',template:'{{fruit}}',data:{fruit:'apple'}})el:vue对象装载的位置template:html代码片段data:数据2.components的使用importVuefrom'vue'importAppfrom'App.vue'newVue({el:'body',components:{Ap
tcwcq·2022-02-07 13:40

vue基础知识学习(填坑中)

文章目录vue官方文档插件liveserver第一个vue程序el挂载点data数据对象vue指令v-textv-htmlv-onv-showv-ifv-bindv-forv-on补充v-modelvue官方文档vue官方文档插件liveserver插件liveserver：保存代码，浏览器就会自动更新内容第一个vue程序{{message}}#这是导入vue模块varapp=newVue({el
开心星人·2022-02-07 09:25

VUE基础篇

喜欢请关注会不定时更新***学习前VS使用的插件插件1.jpgMVC和MVVM的区别MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View代表UI组件，它负责将数据模型转化成UI展现出来，ViewModel是一个同步View和Model的对象。在MVVM架构下，View和Model之间并
Nanshannan·2022-02-07 06:26

Vue基础八

Vue.js-day6注意：有时候使用npminode-sass-D装不上，这时候，就必须使用cnpminode-sass-D在普通页面中使用render函数渲染组件在webpack中配置.vue组件页面的解析运行cnpmivue-S将vue安装为运行依赖；运行cnpmivue-loadervue-template-compiler-D将解析转换vue的包安装为开发依赖；运行cnpmistyle-
折枝赠远方·2022-02-07 04:53

web学习之vue基础教程（一）

前言本系列文章基于Vue2.0官方文档进行总结。介绍起步Vue是一套用于构建用户界面的渐进式框架
XXXXXXXX333·2022-02-06 21:13

Vue基础学习笔记（二）

一、过滤器过滤器可被用于一些常见的文本格式化（即对文本进行处理，后再输出）。过滤器可以用在两个地方：双花括号插值和v-bind表达式(后者从2.1.0+开始支持)。过滤器应该被添加在JavaScript表达式的尾部，由“管道”符号|指示：{{message|过滤器名}}在一个组件的选项中定义本地的过滤器在vue实例中声明过滤函数。是vue实例对象的一个叫做filters的属性，它是一个对象，里面可
许小花花·2022-02-05 22:12

vue基础之ElementUI表格详解

目录ElementUI表格示例：一个基本的表格el-table的属性el-table-column的属性多级表头获取表格，重点说下！！！单选多选排序筛选自定义列展开行总结ElementUI表格前置工作：安装好vue和elemetUI。如果是按需引入，请确保Table、TableColumn模块已经引入示例：一个基本的表格exportdefault{name:"home",data(){return
·2022-02-05 17:06

vue基础二（elementUI、vue-router）

elementUI安装命令：npmielement-ui-S在vue项目中引入和注入在main.js文件完整引入//一次引入全部组件引入组件和cssimportElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'注入全局Vue.use(ElementUI);完整案例：importVuefrom'vue'impor
jayLog·2022-02-05 16:15

vue基础：ElementUI表格

表格是个非常常用的组件，本文将介绍表格的基本属性和使用，如果不足之处，请指出。觉得不错可以帮我点赞文章目录ElementUI表格示例：一个基本的表格el-table的属性el-table-column的属性带状态表格多级表头获取表格，重点说下！！！单选多选排序筛选自定义列展开行ElementUI表格前置工作：安装好vue和elemetUI。如果是按需引入，请确保Table、TableColumn模
jayLog·2022-02-05 16:12

vue第二天学习笔记_vue基础语法(一)

vue第二天学习内容一、上节课遗留问题：二、VScode添加代码片段方法三、vue3基本指令3.1Mustache双大括号语法：3.2v-once语法：3.3v-text语法：3.4v-html语法：3.5v-pre语法：3.6v-cloak语法：四、v-bind4.1v-bind的基本使用4.2v-bind绑定class-对象语法4.3v-bind绑定class-数组语法4.4v-bind绑定s
逆天阿江·2022-02-04 18:01

Vue基础语法之v-if

1、js文件varvm=newVue({el:"#app",data:{role:"super_admin",}});2、html文件您好;admin您好：hr您无权访问3、效果展示4、代码对比
最底层的技术渣·2022-02-04 18:28
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他