vue基础：To 第11页

Vue框架总结（一、Vue基础知识）

Vue一、前言1.Vue简介2.Vue特点3.Vue周边库4.Vue导入5.案例入门二、Vue基本语法三、内容渲染指令1.插值语法2.v-text3.v-html4.v-once5.v-pre6.v-cloak四、数据绑定指令1.v-bind2.v-model1.绑定文本框2.绑定单个复选框3.绑定多个复选框4.v-model修饰符五、条件渲染指令1.v-if2.v-else-if3.v-else

划水yi术家·2023-04-09 01:23

5.Vue基础学习

五.Vue基础学习1.什么是Vue2.如何开始Vue3.Vue的使用4.Vue关键字的使用5.Vue实例6.Element-UI的简介7.Element-UI的使用五.Vue基础学习1.什么是Vuevue

努力生活...·2023-04-08 17:26

Vue基础-day-02（表单操作，自定义指令，计算属性，生命周期，过滤器，生命周期）

常用特性概览表单操作自定义指令计算属性过滤器侦听器生命周期表单操作获取单选框中的值通过v-model男女newVue({data:{//默认会让当前的value值为2的单选框选中gender:2,},})获取复选框中的值通过v-model和获取单选框中一样的复选框CheckBox这种的组合时，data和hobby我们把数据定义为数组否则无法实现多选爱好：篮球唱歌写代码newVue({data:{/

新苡米·2023-04-08 16:53

Vue2.0+Vue3.0（复习笔记）

渐进式：vue可以自底向上逐层的应用（简单应用：只需一个轻量小巧的核心库；复杂应用：可以引入各种Vue插件库）一、Vue基础1.1.v-bind与v-modelv-bind:单项数据绑定，model=>

Spinach·2023-04-08 13:00

Vue基础Day01属性与事件操作

最近在重写vue基础讲义，欢迎大爷大娘们留言【批评斧正】记得留言点赞，爱你们，么么哒：）~~一.核心内容1.推荐插件安装vscode有二个常用插件：vetur，Vue2Snippetsvetur:让一些

前端老邹_伯通·2023-04-08 07:16

Vue基础学习笔记02

文章目录一、vue-cli（脚手架）1、什么是单页面应用程序2、什么是vue-cli3、安装和使用3.1）安装使用vue-cli创建项目3.2）vue项目中src目录的构成：4、vue项目的运行流程二、vue组件1、什么是组件化开发2、vue中的组件化开发3、vue组件的三个组成部分4、.vue组件的格式5、main.js组件代码解析6、组件之间的父子关系6.1、组件使用的三个步骤6.1.1）配置

猫腻余腥·2023-04-07 21:18

从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十四║ Vuex + JWT 实现授权验证登录

系列就基本告一段落了，大家也好好加油鸭，今天将的内容呢，其实细心的你看到题目应该就能大家猜到了，前提是一直看本系列的小伙伴们，包括之前.netcore部分，这里先简单说下上周咱们都说了什么：周一：《十九║Vue

weixin_30517001·2023-04-07 17:13

mockjs+vue页面直接展示数据

张一井·2023-04-06 17:06

Vue基础

VueJsVue.js：渐进式的、MVVM模式的JavaScript框架，所谓渐进式，其实就是Vue核心库+插件；1.编码简洁，体积小，运行效率高，适合移动端/PC端开发；2.Vue本身只关注UI，可以轻松引入Vue插件或其他第三方库；3.借鉴Angular.js的模板和数据绑定技术，借鉴React的组件化和虚拟DOM技术；4.不兼容管理的一块区域，通过CSS选择器查找管理的区域data:{-->

hellomyshadow·2023-04-05 11:03

Vue基础及架构模式

前端框架angularMVC模式，双向数据绑定，依赖注入reactvirtualDOM（虚拟DOM，即为与DOM一样的对象，操作对象避免DOM的直接操作从而提高性能），性能上辗轧angularvue结合angular和react的优点，MVVM模式，高性能高效率框架架构模式MVC模式M：Model(数据)=>数据保存Model(模型)表示应用程序核心(比如数据库记录列表)。Model(模型)是应用

聰籽·2023-04-05 04:11

Vue基础语法-HTML模板

文本插入{{name}}如此插入，无论何时name的值改变，span标签中的值也会跟着改变通过使用v-once指令，你也能执行一次性地插值，当数据改变时，插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定：{{name}}newVue({el:"#app",data:{name:yuan}})原始HTML插入双大括号会将数据解释为普通文本，而非HTML代码。为了输出真正的HTML，你需

恰似一碗咸鱼粥·2023-04-04 22:10

Vue3基础知识1

目录1.传统的网页开发弊端2.渐进式框架解决问题3.引用Vue框架的方式1.安装插件VolarPrettier编辑出现报错2.VUE安装方法1.CDN-下载js2.使用Vite安装项目4.Vue基础语法

格鲁的斯图尔特·2023-04-04 19:11

A04-VUE基础样式构建

个人主页：SilenceLamb本章内容：【VUE基础样式构建】Silence-Vuev1.0.0基于VUE前端快速开发框架引入样式：src/styles/index.scss/*通用常量*/@import

Silence Lamb·2023-04-04 18:50

Vue学习笔记03：Vue基础入门

文章目录Vue基础入门一、Vue简介1.什么是vue1.1解读核心关键词：构建用户界面1.2构建用户界面的传统方式1.3使用vue构建用户界面1.4解读核心关键词：框架1.5总结：什么是vue2.vue

双-鱼·2023-04-04 05:25

Vue基础篇（六）

本教程分为三部分：基础进阶实战，深入浅出Vue.js基础篇持续更新中........第六章表单与v-model基本用法：-------v-model:Vue提供了v-model指令，用于在表单类元素上双向绑定事件一个小栗子v-model:用法{{value}}varapp=newVue({el:'#app',data:{value:''}})效果图：效果图input和textarea可以用于inp

缺月楼·2023-04-03 16:19

【Vue基础】什么是跨域？如何解决跨域问题？浅浅了解一下什么是登录鉴权

1.什么是跨域？在了解什么是跨域之前，我们首先要了解一个概念——同源策略。同源策略：同源策略/SOP（SameOriginPolicy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，现在所有支持JavaScript的浏览器都会使用这个策略。如果缺少了同源策略，浏览器很容易受到XSS（跨站脚本攻击）、CSFR（跨站请求伪造）等攻击。所谓同源是指“协议+域

山清水秀林·2023-04-03 16:53

vue基础知识总结

什么是生命周期：生命周期就是在vue实例在某一个时间点会自动执行的函数breforeCreat://创建实例之间，在数据观测和初始化还未开始created:实例创建完成后执行，此时属性已绑定，但是还未挂载到DOM，所以不能访问$el，可以用于初始化一些数据，但是和DOM操作有关的不能放在这里。beforeMount:载入前，此时页面还未渲染，才是实例已经完成下面配置：编译模板，把data里面的数据

isSunny·2023-04-03 14:03

【Vue】基础(上)：MVVM、模板语法、数据绑定

持续更新中…有关Vue基础请查看：【Vue】基础(中)：数据代理、事件处理、计算和监视属性、class与style绑定【Vue】基础(下)：条件渲染、列表渲染(key)、过滤器、内置和自定义指令文章目录

Sco_Jing1031·2023-04-03 04:19

学习前端Vue——by盐焗西蓝花

经过断断续续近一个月的学习，总算跟着入门了Vue，对前端框架有了一个新的认识接下来总结一下：课程主要分为四个板块，Vue基础，本地应用，网络应用，综合应用Vue基础：导入Vue，准备html结构，把Vue

iiiiiill·2023-04-02 17:15

Vue基础——生命周期&基础指令&组件技术

Vue一.创建vue项目tianqideMBP:try-vuetianqizhao$vueinitwebpackhello?Projectnamehello?ProjectdescriptionAVue.jsproject?Authortianqi-zhao?Vuebuildstandalone?Installvue-router?Yes?UseESLinttolintyourcode?Yes?P

有人找你·2023-04-02 16:34

报错：Parsing error: No Babel config file detected...的解决方案

报错：Parsingerror:NoBabelconfigfiledetectedforE:\前端学习资料\9.vue基础\class\day03\02-源代码\01-component\vue.config.js.EitherdisableconfigfilecheckingwithrequireConfigFile

一个大萝北·2023-04-02 15:52

Vue3零基础学习指南之Vue基础（1）— 模板语法与指令

目录概述安装实例化文本渲染（v-text、v-html）属性渲染（v-bind）条件渲染（v-if、v-else-if、v-else）列表渲染指令（v-for）遍历数组遍历对象范围事件处理（v-on）监听事件（行内处理）事件处理方法（方法响应）内联传参事件修饰符按键修饰符键盘修饰符概述前端三大框架ReactFacebookVue尤雨溪AngularGoogleVue(读音/vjuː/，类似于vie

前端小菜猫·2023-04-02 11:48

Vue基础Day02判断循环_其它指令_axios

最近在重写vue基础讲义，欢迎大爷大娘们留言【批评斧正】记得留言点赞，爱你们，么么哒：）~~一.核心内容1.条件与循环指令1.1v-for(循环)可以用v-for遍历数据，并循环生成所在的标签1.1.1

前端老邹_伯通·2023-04-02 02:40

Vue基础知识[4] - 计算属性

计算属性定义要用的属性不存在，要通过已有属性计算得来。原理底层借助了Object.defineproperty方法提供的getter和setter。get函数什么时候执行（1）当初次读取时会执行一次。（2）当依赖的数据发生改变时会被再次调用。优势与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。备注计算属性最终会出现在VM上，直接读取使用即可。如果计算属性被修改，那必须写set

阿雪_N·2023-04-02 00:25

JavaWeb项目框架

后端管理系统技术栈：后端：java基础servlet的相关知识jsp相关知识jdbc的相关知识和mybatis框架Maven项目管理的相关知识和junit单元测试数据库，sql语句前端：html+css+jsAjaxVue

_小许_·2023-04-01 17:53

Vue基础之组件通信(3)provide和inject、$ attrs和$ listeners

provide和inject官方释义这对选项需要一起使用，以允许一个祖先组件向其所有子孙后代注入一个依赖，不论组件层次有多深，并在其上下游关系成立的时间里始终生效。使用在祖先组件使用provide向下注入依赖，在所有的子孙组件可以使用inject接收到传输的数据。示例祖先组件祖先组件importfatherfrom"./father";exportdefault{provide:{grandFte

伟深么·2023-04-01 16:17

Vue基础之组件通信(2)父子组件传值:自定义组件的v-model、.sync方式

自定义组件的v-modelVue中很常用的v-model，一般我们都使用在input标签上，实现数据的双向绑定，这也是vue一个很大的特点。实际上，v-model是一个语法糖，相当于在标签上使用了value属性和input的事件，内部实现了数据的更新。按照官方的释义一个组件上的v-model默认会利用名为value的prop和名为input的事件，但是像单选框、复选框等类型的输入控件可能会将val

伟深么·2023-04-01 16:17

vue基础之MVC和MVVM的区别

vue基础之MVC和MVVM的区别一、MVVM（vue）二、MVC(egg)一、MVVM（vue）V是视图模板VM是视图模型（业务逻辑）M是模型你会下意识地把它和MVC来对比，你会发现，MVVM多了一个

程序媛_MISS_zhang_0110·2023-04-01 15:25

Vue基础学习笔记

文章目录Vue基础一、Vue入门二、Vue列表展示三、Vue计数器四、Vue的MVVM五、options选项六、Vue的生命周期七、vue的template八、Mustache插值语法九、v-once十

Studying_swz·2023-03-31 11:28

Vue 3 学习笔记

Vue基础Vue中应用和组件的概念createApp表示创建一个Vue应用,存储到app变量中传入的参数表示，这个应用最外层的组件，应该如何展示MVVM设计模式：M->Model数据，V->View视图

爱吃土豆的芬里尔狼·2023-03-31 11:34

「vue基础」新手入门篇（一）

开篇自从Facebook2013年推出React框架以来，基于UI组件的前端框架越来越流行，主要得益于组件的重用性，数据状态的管理等特性。谷歌也推出了基于组件的第二代Angular框架，致力于开发全平台应用——Web、移动Web、移动应用、原生应用和桌面原生应用，其最为核心的特点是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。后期之秀Vue.js，其作者尤雨溪在谷歌就职时创建并于

前端达人·2023-03-31 04:28

vue小朋友来了，可爱又可恨

view和model处理分离，降低了代码的耦合度双向绑定的bug调试难度增大大型项目的的view和model过多，维护成本高组件化开发vue基础语法vue实例vu

你好好想想_be60·2023-03-30 16:06

Vue基础系列(四) 自定义指令

Vue构建大型单页面电商应用开源啦!点我看源码阅读时间预估:3分钟image啥是指令?Vue从甜小白到皮大佬系列(二)v-指令指令的钩子函数参数啥是自定义指令?在前端开发领域，以前的通用框架是jQuery，jQuery以及基于jQuery构建的通用组件形成了一个庞大的生产系统。现在的通用框架是Angular、React和Vue，每个框架都需要基于自身构建新的组件库,自定义指令好就好在：原先的那些通

极客James·2023-03-30 12:01

Vue基础知识总结

本文章总结时间：2020-11-1817:39:25前言：本章节总结都是Vue相关的基础知识点，在网上看到很多比较不错的面试题，大概做了一下总结vue-cli工程================================================================================1、构建的vue-cli工程都有哪些技术，它们的作用分别是什么？①vue.js

和泥巴的葫芦娃·2023-03-30 12:23

vue基础知识点

v-ifvsv-show1.v-if是“真正”的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。2.v-if也是惰性的：如果在初始渲染时条件为假，则什么也不做——直到条件第一次变为真时，才会开始渲染条件块。3.v-show就简单得多——不管初始条件是什么，元素总是会被渲染，并且只是简单地基于CSS进行切换。一般来说，v-if有更高的切换开销，而v-show有更高的

卷村队队员·2023-03-30 06:15

Vue基础之数据绑定

我们学习一门新语言或者框架时，第一件事是什么呢，那必然是向世界sayHello。创建一个Vue应用话不多说，先上代码，让我们感受一下Vue的核心功能Document{{message}}//{{message}}模板的输出方式varapp=newVue({el:'#app',//app是Vue实例的挂在对象data:{message:"Helloworld"//字面量}})当修改输入框内容时，h1

一枚蛋·2023-03-29 01:44

高频Vue面试题，建议收藏便于经常翻看!!!

文章目录一.VUE基础内容：1.vue的响应式原理：vue2响应式原理vue3响应式原理2.MVM和MVVM的区别：MVCMVC的思想：一句话描述就是Controller负责将Model的数据用View

忆凡_·2023-03-28 16:39

Vue框架

第1章Vue基础语法创建一个Vue实例把vue.js放在head标签里用script标签引入，避免放在body里引起抖屏。

Louis_Duan·2023-03-28 05:46

前端知识框架

JS/CSS基础HTML、HTML5基础CSS、CSS3基础ES5基础、ES6基础以及ES6新特性上面这些是前端开发的基础，想要写一系列的文章，但不能着急，只能慢慢来2.Vue相关2.1.Vue全家桶Vue

WHU_凌晨_Bin·2023-03-26 10:57

自学Vue开发Dapp去中心化钱包（二）

目录前言一、Vue基础学习二、开始使用1.安装Node.js2.安装淘宝npm3.安装vue-cli4.创建一个Vue项目6.idea打开项目7.安装依赖环境8.安装其他三、Vue部分组件使用1.Vue

码砖专业人士·2023-03-24 11:01

vue基础篇-初识 Vue.js（第一章）

一、Vue.js是什么？Vue.js是一套构建用户界面（view）的MVVM框架。Vue.js的核心库只关注视图层，目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。vue两大特点：响应式编程、组件化vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、视图、数据和结构的分离、虚拟DOM、运行速度快。开发中常见的高级功能，比如•解辑视图与数据。•可复用的组件•前端路由．•状态管理

菩提树_·2023-03-24 11:23

VUE基础之:visible.sync-模态框显示隐藏、elementUI dialog组件报错或者visible属性不生效问题

VUE基础之:visible.sync-模态框显示隐藏、elementUIdialog组件报错或者visible属性不生效问题这篇文档存成草稿2年了，最近终于有时间拉出来写完了。。。。

tangdou369098655·2023-03-24 11:49

Vue基础8之Vue组件化编程、非单文件组件与单文件组件

Vue基础8Vue组件化编程对组件的理解一些概念的理解非单文件组件基本使用几个注意点组件的嵌套VueComponent一个重要的内置关系先导篇：原型对象正文（可以理解为类的继承）单文件组件Vue组件化编程对组件的理解传统方式

VillanelleS·2023-03-24 11:40

Vue笔记

VueVue基础Vue是基于M(数据)V(视图)VM(调度者)这种设计模式开发出来的一个框架MVC和MVVM之间的区别:MVC是单向通信MVVM是双向数据绑定Vue基本的编码步骤引入Vue.js框架在script

隔壁老樊啊·2023-03-24 07:18

Vue基础目录结构与代码

作者简介：一名计算机萌新、前来进行学习VUE,让我们一起进步吧。座右铭：低头赶路，敬事如仪个人主页：我叫于豆豆吖的主页目录前言一.Vue.js目录结构1.目录解析二.Vue.js起步三.Vue.js实现helloworld四.Vue.js模板语法插值文本文本插值前言本章将会讲解Vue.JS的目录结与基础代码。一.Vue.js目录结构1.目录解析目录/文件说明build项目构建(webpack)相关

我叫于豆豆吖·2023-03-24 04:09

Vue基础三

Vue.js-Day2品牌管理案例添加新品牌删除品牌根据条件筛选品牌1.x版本中的filterBy指令，在2.x中已经被废除：filterBy-指令{{item.id}}{{item.name}}{{item.ctime}}删除在2.x版本中手动实现筛选的方式：筛选框绑定到VM实例中的searchName属性：输入筛选名称：在使用v-for指令循环每一行数据的时候，不再直接iteminlist，而

折枝赠远方·2023-03-23 01:32

01. vue基础

一：各个文件夹的作用1.build：构建脚本目录，这个基本上不用管build.js==>生产环境构建脚本check-versions.js==>检查npm，node.js版本utils.js==>构建相关工具方法vue-loader.conf.js==>配置了css加载器以及编译css之后自动添加前缀webpack.base.conf.js==>webpack基本配置webpack.dev.con

bat在等我·2023-03-21 19:30

Vue基础-ES6常用语法补充

01.let和const。02.解构赋值。03.数据集合-set。04.数据集合map。05.Symbol。01.let和const。1.let注意事项。1.作用域只局限于当前代码块2.使用let申明的变量作用域不会被提升3.在相同的作用域下不能申明相同的变量4.for循环体现let的父子作用域2.const使用注意。1-只在当前的代码块中有效2-作用域不会被提升3-不能重复申明4-申明的常量必须

雪妮爸爸·2023-03-21 13:49

Vue基础之实验篇——学习周记14

Vue基础之实验篇实验1——“平平无奇”？实验2——四种颜色任你选择实验3——指令实验4——计数器实验1——“平平无奇”？

咸盐月饼·2023-03-18 18:55

Vue基础上篇——学习周记12

VueVue简介实例1.指令2.属性3.参数4.用户输入5.反转字符串6.条件语句Vue简介Vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。实例1.指令Vue指令实例现在你看到我了菜鸟教程学的不仅是技术，更是梦想！哈哈哈，打字辛苦啊！！！newVu

咸盐月饼·2023-03-18 18:54

推荐频道

vue基础：To