Vue基础

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

前端面试题-一些小技巧分享

4.数据类型基础5.正则6.three.js下雨动画7.JS十大排序算法思路和代码实现8.callapplybind妙用9.闭包10.类继承-原型继承11.如何让JS更高效12.内存空间3.vue1.vue
云高风轻·2021-12-17 16:31

Vue学习一

Vue学习vue基础一套用于构建用户界面的渐进式JavaScript框架渐进式：Vue可以自底向上逐层的应用简单应用：只需要一个轻量小巧的核心库复杂应用：可以引入各式各样的Vue插件特点：1.采用组件化模式
于北往南·2021-12-07 21:00

Vue基础之MVVM,模板语法和数据绑定

目录1.Vue概述Vue官网MVVM架构模式Vue简介2.初识Vue3.模板语法1、插值语法：2、指令语法：4.数据绑定5.el与data的两种写法1、el有2种写法new2、data有2种写法3、一个重要的原则：总结1.Vue概述Vue官网英文官网:https://vuejs.org/中文官网:https://cn.vuejs.org/MVVM架构模式MVVM简介MVVM由M：Model模型，V
·2021-12-07 17:50

Vue基础之侦听器详解

目录vue中什么是侦听器侦听器的用法vue侦听器-watchvue侦听器-深度侦听和立即执行总结vue中什么是侦听器开发中我们在data返回的对象中定义了数据，这个数据可以通过插值语法等方式绑定到templat中。当数据变化的时候，template里绑定的数据会自动进行更新来显示最新的数据。但是这种变化是在template中自动侦听data的值来进行变换的在某些情况下，我们希望在代码逻辑中监听某个
·2021-12-06 18:02

Vue基础知识的加深理解

两个重要的小原则被Vue管理的函数，最好写成普通函数，这样this才是指向vm或者组件对象所有不被Vue所管理的函数（定时器的回调函数、ajax的回调函数、Promise的回调函数），最好写成箭头函数，这样this才是指向vm或者组件实例对象1.计算属性与方法的区别1.在vue模板渲染中，当为某个元素绑定方法时，那么模板每次渲染的时候，这个方法都会被执行一次，因为method没有缓存。不同的是，c
学学学无止境·2021-11-29 21:24

FLASK+VUE--前后端分离（二）- VUE基础安装及项目的简易介绍

上一章节文档链接：FLASK+VUE–前后端分离（一）-Flask基础讲解之路由、视图函数及代码实现一、VUE安装-前置条件1、下载Node.js访问Node.js官网下载符合当前项目的安装包：https://nodejs.org/en/#downloadNode解释：简单的说Node.js就是运行在服务端的JavaScript。它是一个基于ChromeJavaScript运行时建立的一个平台。N
ZongXin.Zhou·2021-11-24 21:11

Vue「二」—— vue 基本使用 / vue 指令 / vue 过滤器

Vue系列笔记第二篇，陆续更新，欢迎阅读Vue「一」——前端工程化与webpack的基本使用及常用配置Vue基础入门一、vue简介什么是vue两个特性MVVM及其工作原理vue的版本二、vue的基本使用基本使用步骤基本代码与
imByte·2021-11-20 15:16

码字三年，《JavaScript百炼成仙》终于出版啦！

通过本书，你可以领悟到JavaScript的函数七重关秘籍;通过本书，你可以轻松学会使用jQuery作DOM对象;通过本书，你可以学会目前流行的Vue基础语法;通过本书，你还可以学会新的ES6常用语法。
剽悍一小兔·2021-11-18 23:50

大佬级鬼才终于把JavaScript，整理成了修仙小说，让学习变得简单

通过本书，你可以领悟到JavaScript的函数七重关秘籍;通过本书，你可以轻松学会使用jQuery操作DOM对象;通过本书，你可以学会目前流行的Vue基础语法;通过本书，你还可以学会最新的ES6常用语法
张小妮·2021-11-16 19:20

Vue基础篇

内容简介：1）Vue指令2）computed和watch3）生命周期钩子4）组件间的传参5）插槽6）修饰符7）nextTick()image.png前端三大框架：Vue：尤雨溪开发React：Facebook主导开发Angular：谷歌主导开发为什么选择Vue?1.国内Vue的市场份额占比多2.简单易上手，非常适合前端开发初学者学习前置知识：1.HTML、CSS和JS基础2.了解Node和npm3
东南亚小王子·2021-11-13 13:14

Vue基础教程之条件渲染和列表渲染

目录前言1.1作用1.2控制元素显隐的方式1.3初始渲染对比1.4切换消耗对比1.5使用场景对比1.6其他2v-if和v-for2.1v-if和v-for不能同时用的原因2.2v-if和v-for一起用的解决方案3列表渲染的key有什么用总结前言什么是条件渲染？在我们的页面中会有很多这样的应用场景，比如说我们今天要上架一个活动，这个活动页面只在今天有效，在晚上的24点或者说在明天早上凌晨0点1秒的
·2021-11-12 19:50

Vue基础-自定义指令

一、本质在当前项目中，有一类非常常用的与DOM相关的功能，我们建议使用Vue.directive()封装“自定义指令”。二、语法使用Vue.directive()或者directives选项来封装。三、全局指令Vue.directive(),一次定义随处可用四、局部指令directives只能在当前组件中使用，不能跨组件使用五、钩子函数一个指令定义对象可以提供如下几个钩子函数(均为可选)：1.bi
MonkeyCode·2021-11-10 20:28

一篇文章带你搞懂VUE基础知识

目录VUE是什么Vue中的核心插件VueRouterVuexaxioselement-uiVue前端整体架构总结VUE是什么Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也
·2021-11-02 18:38

01-VUE基础知识

1.Vue特点(1)前端三大主流框架之一，vue、react、Angular(2)轻量级框架，体积更小(3)生态圈广泛，适合初学者(4)基于mvvm模式，可以实现双向数据绑定。2.前端三大框架比较(1)React:开发大型项目最严谨的框架(学习成本较高，适用于中级或者高级前端开发工程师)(2)Angular:适用于大型项目，项目开发较为沉重，不够灵活(3)Vue:轻量级，体积小，基于mvvm模式，
·2021-10-29 10:48

Vue学习笔记(一)

Vue的学习路线规划Vue基础Vue-cliVue-routerVuexElement-uiVue3本文是作者跟着尚硅谷的张天禹老师的视频学习时做的笔记Vue是什么官网给出的定义如下：一套用于构建用户界面的渐进式
·2021-10-28 10:34

Vue学习笔记（一）

#Vue的学习路线规划1.Vue基础2.Vue-cli3.Vue-router4.Vuex5.Element-ui6.Vue3本文是作者跟着尚硅谷的张天禹老师的视频学习时做的笔记#Vue是什么**官网给出的定义如下
02c752356802·2021-10-27 22:35

Vue基础语法记录(1)

文章目录一、Mustach（双花括号）二、插值操作1.v-once不允许被修改2.v-html将内容解析为html的格式2.v-text会被覆盖不好用3.v-pre不去解析直接显示出来4.v-cloak三、v-bind1.基本使用方法2.绑定class实现点击后切换颜色3.绑定class数组4.绑定style（对象语法）5.绑定style（数组语法）四、计算属性（希望数据经过某种变化再显示出来）1
搭车去柏林<‘^′>·2021-10-24 14:25

Vue基础介绍

MVVM设计模式设计模式:是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结。MVVM，一种软件架构模式，决定了写代码的思想和层次M：model数据模型(data里定义)V：view视图（html页面）VM：ViewModel视图模型(vue.js源码)MVVM通过数据双向绑定让数据自动地双向同步不再需要操作DOMV（修改视图）->M（数据自动同步）M（修改数据）->V（视图自动
大白话优秀发言人·2021-10-20 21:10

Vue基础7 （组件 脚手架）

模块化相关规范传统开发模式主要的问题1、命名冲突2、文件依赖通过模块化解决上述问题模块化就是把单独的一个功能封装到一个模块中（文件），模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块浏览器端模块化规范AMDRequire.jsCMDSea.js服务器端的模块化规范CommonJS1、模块分为单文件模块与包2、模块成员导出:moudle.exports和exports3、模块
jasmine s·2021-10-17 20:30

Vue 基础知识之 Vue.extend

Vue基础知识之Vue.extendVue.extend属于Vue的全局API，在实际业务开发中我们很少使用，因为相比常用的Vue.component写法使用extend步骤要更加繁琐一些。
Marting424·2021-10-15 15:52

Vue后端程序员极速入门

另外比较基础的一些东西我也写在了本专栏的另外一篇《Vue基础》里，有需要的可以去看看。这里只记一些我不太懂的问题，并且只是了解并非想熟悉掌握。指令在另一篇基础里面好像遗漏了下面这两个，现在添上。
(#‵′)凸＆贱～·2021-10-10 15:09

Vue基础

1、MVC模型（Model-View-Controller）(1)model是模型，负责接受控制器传来的请求并返回数据(2)View是视图，就是用户看到的交互界面(3)Controller是控制器，接受用户的输入并调用模型和视图去完成用户的需求，负责接受请求并选择调用哪个模型来处理请求。(4)优单：多个视图能共享一个模型(5)缺点:一些视图和控制器联系紧密，不利于视图或控制器的独立复用。2、MVV
·2021-10-03 21:24

Vuejs第二篇（Vue基础语法）

一、内容概述：插值操作（二至三）绑定属性（四至九）计算属性（十至十三）ES语法回顾（十四至十七）事件监听（十八至二十）条件判断（二十一至二十四）循环遍历（二十五至二十八）阶段案例（二十九至三十二）v-model（三十三至三十九）二、插值操作-mustache语法（掌握）如何将data中的文本数据，插入到HTML中呢？我们已经学习过了，可以通过Mustache（{{}}）语法（也就是双大括号）Mus
CharmDeer·2021-09-19 16:19

Resume

5.JSOUP爬虫抓取公众号相关视频，视频库（自制+抓取）6.Vue基础组件开发，7.s
·2021-09-13 00:02

vue基础入门之vuex安装与使用

目录1.什么是vuex2.安装和引入3.vuex的使用4.流程介绍5.mutation6.getters过滤7.Action--异步处理8.Module总结本教程为入门教程，如有错误，请各位前端大佬指出。1.什么是vuexVuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化.详细介绍可以参照官网文档vu
·2021-08-18 14:30

vue基础内容

一，基础篇1，指令篇v-if,v-show,v-for，v-on，v-once，自定义指令常问问题（1）v-if和v-show都能控制元素的显示和隐藏，v-show本质就是通过控制css中的display设置为none（切换开销比较小），v-if是动态的向DOM树内添加或者删除DOM元素（切换开销比较大），（2）v-if和v-forv-for具有比v-if更高的优先级，所以不应该一起使用（3）v-
醉青风·2021-08-17 14:08

黑马最新前端项目【小兔鲜儿】！！！

该项目适合有一定VUE基础或者其他MVVM框架应用经验的同学学习。项目发布时间:2021.06.03敢上线让用户体验
我想去吃ya·2021-08-13 20:31

Vue实例

1.前言本节开始我们将正式进行Vue基础知识的学习。本小节我们将先介绍什么是Vue实例，包括如何创建Vue实例，Vue实例上的属性参数，以及如何使用Vue开始工作。
小简白·2021-08-06 15:41

vue基础语法-vue基本指令的使用方法

vue是渐进式的javascript框架，框架就是自己的规则的一套语法。本文记录了常用的vue语法以及使用方法。目录1.差值表达式（声明式渲染/文本差值/胡子语法）2.v-bind指令3.v-on指令4.事件对象e5.事件修饰符6.按键修饰符7.v-model双向绑定8.v-model修饰符9.v-text和v-html指令10.v-show和v-if指令11.v-for循环列表12.动态clas
只想做IT界的霸主·2021-07-31 16:08

VUE基础组件的自动化全局注册

可能你的许多组件只是包裹了一个输入框或按钮之类的元素，是相对通用的。我们有时候会把它们称为基础组件，它们会在各个组件中被频繁的用到。所以会导致很多组件里都会有一个包含基础组件的长列表：importBaseButtonfrom'./BaseButton.vue'importBaseIconfrom'./BaseIcon.vue'importBaseInputfrom'./BaseInput.vue'
·2021-07-30 11:08

vue

B站-Vue学习笔记0课程介绍邂逅Vue.jsVue基础语法组件化开发VueCLI详解vue-routervuex详解网络封装项目实战1邂逅Vue.jsVue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架
·2021-07-28 12:08
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他