#vue学习第15页

【Vue】Vue学习笔记——基础语法

文章目录1.Vue基础语法1.1模板语法1.1.1插值1.1.2指令1.1.3过滤器1.2实例及选项1.2.1数据选项1.2.2属性选项1.2.3方法选项1.2.4计算属性1.2.5表单控件1.2.6生命周期1.3模板渲染1.3.1条件渲染1.3.2列表渲染1.4事件绑定1.4.1基本用法1.4.2修饰符1.5基础demo案例#Vue引入vue.js(这里是文件夹里有vue.js)也可以使用cdn

shen子怡·2023-04-10 10:59

Vue学习——【第二弹】

前言上一篇文章Vue学习——【第一弹】中我们学习了Vue的相关特点及语法，这篇文章接着通过浏览器中的Vue开发者工具扩展来进一步了解Vue的相关工作机制。

沃和莱特·2023-04-10 10:55

2023/1/9 Vue学习笔记 -TodoList案例 -【props】最初的父传子子传父值 && localStorage sessionStorage && 组件自定义事件

这里涉及到组件的传值，这是一个很好的例子讲解-最初始的传值方式1静态组件-准备阶段App.vueimportUserHeaderfrom"@/components/UserHeader"importUserFooterfrom"@/components/UserFooter"importUserListfrom"@/components/UserList"exportdefault{name:'A

@Autowire·2023-04-10 05:15

2023/1/6 Vue学习笔记-模板语法 & 数据绑定 & 数据代理 & 事件 & 计算属性 & 监视属性

尝试Vue.js最简单的方法是使用HelloWorld例子。你可以在浏览器新标签页中打开它，跟着例子学习一些基础用法。或者你也可以创建一个.html文件，然后通过如下方式引入Vue：1声明式渲染-引入Hello案例Vue.js的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统。下面一个demo讲解：TitleHello-{{message}}Vue.config.producti

@Autowire·2023-04-10 05:14

[Vue] Vue学习之路

v-if当页面加载了Vue.js后，可以在DOM元素上加入v-if属性，用于该DOM元素的显示与隐藏v-if=scoreMin">{{data.name}}:{{data.score}}varscorevm=newVue({el:'#score_demo',data:{scoreArr:[{score:60,name:"Emilio1"},{score:70,name:"Emilio2"},{sc

EmilioWeng·2023-04-09 21:35

Vue学习记录day05：Vue组件化开发

组件组件化的基本使用Title//1.创建组件构造器对象constcpnConstructor=Vue.extend({template:`我是标题我是内容，哈哈哈哈`});//2.注册组件Vue.component('my-cpn',cpnConstructor);constapp=newVue({el:'#app',data:{message:'你好'}})这里的步骤都代表什么含义呢？1.Vu

程序猿二鍋頭·2023-04-09 19:46

webpack+vue学习笔记

路径中引用中的@符号是什么意思？在看使用webpack打包的项目代码时，经常会看到在路径中引用@符号importonefrom'@/views/one.vue'那这里的@符号到底表示什么意思呢？这其实利用了webpack的resolve.alias特性，webpabk.config.js的配置代码如下，在webpack打包时，会把路径引用中的@符号，转换为相对应的路径。constpath=requ

truman12·2023-04-09 18:23

Vue学习进阶vue_test

笔记脚手架文件结构├──node_modules├──public│├──favicon.ico:页签图标│└──index.html:主页面├──src│├──assets:存放静态资源││└──logo.png││──component:存放组件││└──HelloWorld.vue││──App.vue:汇总所有组件││──main.js:入口文件├──.gitignore:git版本管制忽

ARGM10·2023-04-09 18:36

Vue学习——【第五弹】

前言上一篇文章Vue学习——【第四弹】中学到了数据代理，这篇文章接着学习Vue中的事件处理。

沃和莱特·2023-04-09 09:48

Vue学习笔记之过滤器 filter

前言Vue的过滤器，了解一下？过滤器，顾名思义，字面意思就是将一种数据经过加工过滤成另外一种数据。常见的业务场景就是对一些常见的文本格式化。学习文档快速入口正文过滤器的用处过滤器可以用在两个地方:双花括号插值和v-bind表达式。{{time|formatDate}}由上面示例代码应该不难看出，在使用过滤器的时候，语法规则：需过滤的文本加上“管道”符号（｜）然后加上过滤器，即文本｜过滤器。过滤器的

Kity_Pei·2023-04-08 11:07

【Vue学习笔记_13】webpack前端模块化打包

【Vue学习笔记_13】webpack前端模块化打包webpack初识与grunt/gulp的对比webpack安装webpack基本使用webpack配置webpack.config.jspackage.jsonwebpack-loadercss

BugFrog1024·2023-04-07 23:33

VUE学习(十一)、组件——非单文件组件、单文件组件

VUE学习(十一)、组件——非单文件组件、单文件组件一、非单文件组件一个文件包含有n个组件1、基本使用-->{{msg}}Vue.config.productionTip=false;//第一步：创建school

心醉瑶瑾前·2023-04-07 10:20

vue学习笔记（一）：使用 vue cli 初始化项目

安装vue-clivue官方提供了vue-cli用于创建工程化的vue项目，vue的脚手架需要先全局安装，前置条件是电脑中需要有安装node环境$npminstall@vue/cli-gor$yarnglobaladd@vue/cli运行命令检查脚手架是否安装完成，如果简写的话，V是大写的$vue-Vor$vue--version如果正常安装的话，运行上面检测安装完成的命令后，应该是如下结果：@v

「已注销」·2023-04-06 20:07

Vue学习随笔，待整理

lasy与input,change,watch的关系是是是是1.非Prop的特性会添加到子组件的根元素上。2.传入type会覆盖，e.x会覆盖子组件根元素的type:，3.但是class和style特性会比较智能，即合并。(style相同属性的情况下是覆盖)4.inheritAttrs:false只会禁用prop特性，不会阻止class与style的合并。5.监听原生事件e.x.input.nat

JokiZhou·2023-04-06 14:18

VUE 学习笔记

vue学习1.组件基础1.1什么是组件组件是可以服用的vue实例，说白了是一组可以重复使用的模板。组件里面可以套用组件。

荆承鹏·2023-04-06 01:14

Html+Css+JavaScript基础知识点

0、软件安装使用vscode进行开发安装中文插件Vue学习笔记_lucky友人a的博客-CSDN博客软件下载点击1、HTML1、HTML（HyperTextMarkupLanguage）中文译为：超文本标记语言

lucky友人a·2023-04-05 21:52

vue学习（57）ref、reactive函数

知识点要实现响应式，要把数据丢给ref,然后ref会帮我们生成一个引用对象。基本数据类型，打印一个引用对象会发现，也是借助于object.definedProperty，gettter和setter去实现响应。方法在原型对象上。作用:定义一个响应式的数据语法:constxxx=ref(initValue)创建一个包含响应式数据的引用对象（reference对象，简称ref对象）。JS中操作数据：x

哆啦C梦的百宝箱·2023-04-05 13:44

cesium + vue学习之加载和样式化实体

cesium+vue学习之加载和样式化实体Cesium中的所有空间数据都使用EntityAPI来表示。EntityAPI以一种有效提供灵活的可视化的方式，以便对Cesium进行渲染。

意林_10·2023-04-05 13:01

Vue学习笔记 —— 第一章Vuex状态管理模式的State基础使用

Vue学习笔记——第一章Vuex状态管理模式的State基础使用前言Vuex项目示例基础搭建CSDNTestCSDNTest2CSDNTest3CSDNTest4结束语前言好久没写Vue项目了，刚好最近学习

葬心啊·2023-04-05 12:31

Vue学习笔记

基本使用：vueinitwebpackvue-demo结构:```newVue({el:'#app',data:{...},methods:{....}})```鼠标喵上去看一下绑定文字：{{xxx}}=v-text{{key}}----{{item}}xxxxxxxxxxxxv-if代表节点不存在v-show是将display设置成了none,不支持template标签(性能开销小)key值要使

背着梦的幸存者·2023-04-05 09:46

自用Vue学习笔记

Vue学习笔记1.MVVM前端开发思想MVVM:其实是Model-View-ViewModel的缩写，有3个单词，具体释义如下：Model:数据模型，特指前端中通过请求从后台获取的数据View:视图，用于展示数据的页面

紫薇泠雪·2023-04-05 01:58

VUE学习笔记 -- 页面传值

1.父页面向子页面传值在父组件中引用的子组件处在子组件中接收props:['aaa']父页面：Father.vue这是父页面importSonfrom"@/views/log/template/Son";exportdefault{name:"Father",components:{Son,},data(){return{a:100,user:{name:'张三',age:18,general:'

CelineT·2023-04-04 15:29

VUE2（基于Java方向的学习）

VUE2(基于Java的学习)--笔记基于尚硅谷学习视频自己简写Vue学习结构图1.Vue简介Vue(读音/vjuː/，类似于view)是一套用于构建用户界面的渐进式框架(自底向上逐层应用)。

我愿为一粒沙·2023-04-04 09:52

2023.2.8日学习---李立超老师学习笔记

：由于直接看官方文档时，有很多东西不是太理解，比如当官方文档提出“渲染”这个概念、以及为什么要使用vueui、为什么要使用Vite，感觉看完不是太理解，所以还是听从内心的声音，找个视频看看，ok，迈出vue

和乐i·2023-04-04 09:19

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

文章目录Vue基础入门一、Vue简介1.什么是vue1.1解读核心关键词：构建用户界面1.2构建用户界面的传统方式1.3使用vue构建用户界面1.4解读核心关键词：框架1.5总结：什么是vue2.vue的特性2.1数据驱动视图2.2双向数据绑定2.3MVVM2.4MVVM的工作原理3.vue的版本3.1vue3.x和vue2.x版本的对比二、Vue的基本使用1.导入Vue的多种方式1.1CDN引入

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

day6 vue 学习笔记 vue-router路由

系列文章目录day1学习vue2笔记vue指令day2学习vue2笔记过滤器侦听器计算属性axiosday3vue2学习笔记vue组件day4vue学习笔记组件生命周期数据共享数组常用方法day5vue

小鬼當街·2023-04-03 20:40

Vue学习笔记 —— vue-router之router-link

router-link标签中属性to,指定跳转的路径。tag:指定router-link渲染成什么元素，比如说渲染button、li、span等等。replace:不会留下history的记录，所以指定replace的情况下，后退或者是返回是不能返回到上一个页面。

莫非C·2023-04-03 20:06

vue学习笔记05（vue-router）

目录一、安装路由二、在项目中引入三、使用路由四、路由组件传参1、动态路由2、props路由组件传参五、嵌套路由配置六、别名七、History模式八、编程式导航1、不带参数2、带参数（params和query）九、路由导航守卫1、全局前置守卫2、全局后置钩子3、路由独享守卫4、组件内的守卫（3个）5、路由元信息在vue中，对页面的管理用到的是路由（vue-router）路由作用：完成页面的跳转，来管

小天呐·2023-04-03 19:14

Vue学习（六）——Vue-Router引入

新建项目安装依赖我们还是按照之前《Vue学习（一）——组件基础》的方式初始化项目。

sadoshi·2023-04-03 07:37

Vue学习笔记一：Vue-cli3搭建Vue项目

1.搭建一个vue-cli3项目npminstall-g@vue/clivuecreatestudy-vue.2.vue-cli3全局环境变量的使用（1）根目录下新建.env，添加环境变量VUE_APP_URL=https://mp.yc.info/api（2）使用环境变量data(){return{url:process.env.VUE_APP_URL}}注意：1.修改了环境变量后，要重启服务

开发者连小超·2023-04-03 06:22

Vue学习--Axios异步通信

什么是Axios之前，前端与后端进行数据资源交互，用到的是jQuery下的Ajax。现在axios的出现，可以干之前ajax干的活。Axios是一个基于promise的HTTP库，简单的讲就是可以发送get、post请求。值得注意的是，axios要求浏览器中的JS版本为ECMAScript6及以上。使用方式可以去官网下载，也可以使用在线cdn，本文采取后者，方便内容讲解在使用之前先交代一个事情：V

theLuckyLong·2023-04-03 03:30

java计算机毕业设计vue学习视频课程网站MyBatis+系统+LW文档+源码+调试部署

java计算机毕业设计vue学习视频课程网站MyBatis+系统+LW文档+源码+调试部署java计算机毕业设计vue学习视频课程网站MyBatis+系统+LW文档+源码+调试部署本源码技术栈：项目架构

自由族·2023-04-03 03:43

Vue学习之Vue的计算属性与Vue内容分发

vue计算属性vue计算属性的重点突出在属性两个字上（属性是名词），首先它是个属性其次这个属性有计算的能力（计算是动词），这里的计算就是个函数；简单点说，它就是一个能够将计算结果缓存起来的属性（将行为转化成了静态的属性），仅此而已布局篇计算属性调用当前时间属性：{{currentTime2}}调用当前时间方法：{{currentTime1()}}varapp=newVue({el:'#app',d

阳光非宅猿·2023-04-02 19:59

Vue学习——【第三弹】

前言上一篇文章Vue学习——【第二弹】中我们利用浏览器中的Vue开发者工具了解了Vue的相关工作机制，这篇文章介绍Vue的一个架构模型MVVM模型。

沃和莱特·2023-04-02 17:18

Web学习笔记——Vue（下）

Vue学习笔记（下）七、表单处理1、基本用法文本多行文本单选按钮复选框多个复选框选择框2、值绑定单选按钮复选框选择框3、修饰符.number.trim八、组件1、组件注册全局注册局部组件2、组件复用3、

程序崽·2023-04-02 17:47

vue自我学习日志1——大方向的

vue学习日志1看了就忘，那就只能用博客记录一下了。

waht_i·2023-04-02 17:10

Vue学习——Vue3自定义插件(组件)

我们要封装一个弹出框插件，它的效果是这样的：第一步：在项目中创建存放自定义插件的文件夹并在文件夹中新建.vue组件和一个index.js文件，.vue文件作为自定义插件第二步：在index.js文件中编写下面的代码//自写插件importToastfrom'./Toast'import{createApp}from'vue'constobj={}//当main.js执行到.use(toast)代码

爱干饭的小徐同学·2023-04-02 16:10

Vue学习——【第四弹】

前言上一篇文章Vue学习——【第三弹】中我们了解了MVVM模型，这篇文章接着学习Vue中的数据代理。简单介绍数据代理就是**一个对象(A)来代理对另一个对象(B)的属性操作(A一定要包含B)。

沃和莱特·2023-04-02 16:30

Vue学习：axios

Axios1.axios的简介1.1axios是什么Axios是一个基于promise网络请求库，作用于node.js和浏览器中。它是isomorphic的(即同一套代码可以运行在浏览器和node.js中)。在服务端它使用原生node.jshttp模块,而在客户端(浏览端)则使用XMLHttpRequests。前端最流行的ajax请求库react/vue官方推荐使用axios发送ajax请求官方网

Wei_Hss·2023-04-02 13:07

一文学会在Vue中使用Axios进行前后端通信

一、准备工作如何新建一个Vue项目请看我的另一篇文章：Vue学习之Vue结合ElementUI组件库搭建Web工程项目新建好之后，我们要在项目的build中加

阳光非宅猿·2023-04-02 08:58

Vue学习 4el与data的两种写法

el与data的两种写法el的两种写法在Vue实例中，我们通常采用在配置文件中直接声明el的方法来连接dom元素。例如下面这样你好，{{name}}varx=newVue({el:'#demo',data:{name:'Revin'}})其实连接dom元素还有第二种方法。首先创建Vue实例，创建完成之后采用vm.$mount()的方法连接dom元素。具体使用如下你好，{{name}}varx=ne

Revin050·2023-04-02 08:41

Vue：（三十七）Vue3.0第二弹-终章

今天这一章应该是Vue学习的终章了，漫长的理论知识学习终于结束了。

空谷有来人·2023-04-02 07:06

vue学习笔记1-单向绑定与双向绑定

vue学习笔记1-单向绑定与双向绑定准备工作安装浏览器vue开发者插件一个小问题：如果是使用了vue语法，按钮还是灰色的，去扩展那打开允许访问文件网址下载vue下载vue.js，不下载也行，但是刷新时会有点慢学习的是

楚五同学·2023-04-02 03:42

Vue学习(4)Vue3.0响应式系统api

使用响应式数据的主要目的是让数据发生改变的时候实时地改变模板中的显示效果，随之带来的是可以使用计算属性、监听器等便利的辅助功能。reactive是一个函数，它接收一个普通对象然后返回该普通对象的响应式代理。constobj=reactive({count:0})lettodos=reactive([{id:1,title:'任务一',completed:false},{id:2,title:'任务

乌云老思·2023-04-02 03:21

Vue学习笔记[02]-Vue的生命周期简介

什么是Vue的生命周期vue的生命周期是从vue被创建开始直到其被销毁为止的过程,它包含了beforeCreate,created,beforeMount,mounted,beforeUpdate,updated,actived,deactived,beforeDestroy,destroyed.在2.5.0之后又新增了errorCaptured.lifecyclebeforeCreate在实例初

神楽花菜·2023-04-01 16:19

Vue 学习笔记入门篇表单与v-model

Vue学习笔记入门篇表单与v-model6.1基本用法v-model:VUE提供了v-model指令，用于在表单类元素上双向绑定事件可以用于input框，以及textarea等注意：所显示的值只依赖于所绑定的数据

hzl的学习小记·2023-04-01 11:49

vue学习第一天笔记

VUE下载和安装vue官网npm下载vue模块：npminstallvue下载完后使用里面的vue.js文件即可；vue.js是MVVM框架数据可以影响视图，视图也可以影响数据；体验vue.js模板渲染；在视图中用{{msg}}来引入msg的属性值到页面中，可以通过app.msg="xx"重新赋值，此时页面也会实时更新；声明式渲染{{msg}}varapp=newVue({el:"#app",da

果木山·2023-04-01 07:44

整理一份Springboot+vue学习笔记

P1环境搭建包括java,idea,maven配置,以及在idea中配置maven。注：在files->NewProjectSettings中配置maven路径，jdk版本1.8，不然重启会失效P2创建springboot项目，热部署1、创建springboot项目时type选Maven,springboot版本选2.x版本。2、热部署配置(包括pom.xml,application.proper

黑芝麻汤圆儿·2023-03-31 21:24

VUE学习(十七)、Vue封装的过度与动画

VUE学习(十七)、Vue封装的过度与动画Vue封装的过度与动画作用：在插入、更新或移除DOM元素时，在合适的时候给元素添加样式类名。

心醉瑶瑾前·2023-03-31 17:26

Vue学习笔记（尚硅谷天禹老师）

1.Vue1.1Vue的特点遵循MVVM模式编码简洁，体积小，运行效率高，适合移动/PC端开发它本身只关注UI，可以引入其它第三方库开发项目1.2与其他JS框架的关联借鉴Angular的模板和数据绑定技术借鉴React的组件化和虚拟DOM技术1.3数据绑定数据绑定单向数据绑定：双向数据绑定：Vue.config.productionTip=falsenewVue({el:'#root',data:

·某某··2023-03-31 12:23

推荐频道

#vue学习