![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue.js
MyAzhe0ci3
这个作者很懒,什么都没留下…
展开
-
docker
q原创 2023-03-02 02:33:29 · 197 阅读 · 0 评论 -
统一网关Gateway
888原创 2023-02-27 22:17:31 · 2289 阅读 · 1 评论 -
记录一次vue A页面 使用openModal打开B页面并访问B页面的数据
//编辑 this.$refs.hypertensionScreeningModal.openModal(); let data = this.$refs.hypertensionScreeningModal.$data;原创 2022-02-25 10:02:35 · 983 阅读 · 0 评论 -
vue取消单选按钮选中,所有类型通用简单明了
<el-radio-group v-model="form.fundus" :disabled="detail"> <el-radio label="1" :disabled="detail" @click.native="clickitemYandiTest($event)">正常</el-radio> <el-radio label="2" :disabled="detai原创 2022-02-16 11:10:08 · 1774 阅读 · 0 评论 -
在VUE中使用第三方animate.css
官方链接 https://github.com/daneden/animate.css导入方式 <link href="css/animate.min.css" rel="stylesheet" />进入过渡生效时的状态 enter-active-class离开过渡生效时的状态 leave-active-class案例一:使用vue过渡和animate.css完成一个div的从左至右的放大,以及从右到左的缩小<!DOCTYPE html><html lang="e原创 2021-06-24 15:05:46 · 405 阅读 · 0 评论 -
Vue的计算属性详细
什么是计算属性?我们知道,在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示比如我们有firstName和lastName两个变量,我们需要显示完整的名称。但是如果多个地方都需要显示完整的名称,我们就需要写多个{{firstName}} {{lastName}}我们可以将上面的代码换成计算属性:OK,我们发现计算属性是写在实例的computed选项中的。计算属性的复杂操作计算属性中也可以进行一些原创 2021-05-19 17:19:59 · 197 阅读 · 0 评论 -
Vue.js V-bind基本用法
V-bind基本用法除了内容需要动态来决定外,某些属性我们也希望动态来绑定。比如动态绑定a元素的href属性比如动态绑定img元素的src属性这个时候,我们可以使用v-bind指令:作用:动态绑定属性缩写::v-bind用于绑定一个或多个属性值,或者向另一个组件传递props值在开发中,有哪些属性需要动态进行绑定呢?还是有很多的,比如图片的链接src、网站的链接href、动态绑定一些类、样式等等v-bind有一个对应的语法糖,也就是简写方式在开发中,我们通常会使用语法糖的形式,因为这原创 2021-05-18 18:15:28 · 199 阅读 · 0 评论 -
Vue的一些基本指令
v-once:v-once指令只渲染元素和组件一次,随后的重新渲染,元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能v-html某些情况下,我们从服务器请求到的数据本身就是一个HTML代码如果我们直接通过{{}}来输出,会将HTML代码也一起输出。但是我们可能希望的是按照HTML格式进行解析,并且显示对应的内容。如果我们希望解析出HTML展示,可以使用v-html指令,该指令后面往往会跟上一个string类型,会将string的html解析出来并且进行渲染v-tex原创 2021-05-13 18:22:00 · 120 阅读 · 0 评论 -
WebStorm创建Vue的template(模板)
vue的基础模板每次当我们需要使用vue的时候,导入vue.js和编写最基本的代码.这些都是重复的,那么我们就需要编写一个vue的通用模板1.复制以下代码<div id="app"> {{message}}</div><script src="../js/vue.js"></script><script> const app = new Vue({ el: '#app', data:{ message原创 2021-05-13 15:39:28 · 567 阅读 · 0 评论 -
Vue的生命周期
Vue的生命周期原创 2021-05-13 15:12:37 · 107 阅读 · 0 评论 -
Vue笔记-Vue中MVVM
Vue中的MVVMView层:视图层在我们前端开发中,通常就是DOM层。主要的作用是给用户展示各种信息。Model层:数据层数据可能是我们固定的死数据,更多的是来自我们服务器,从网络上请求下来的数据。在我们计数器的案例中,就是后面抽取出来的obj,当然,里面的数据可能没有这么简单。VueModel层:视图模型层视图模型层是View和Model沟通的桥梁。一方面它实现了Data Binding,也就是数据绑定,将Model的改变实时的反应到View中另一方面它实现了DOM List原创 2021-05-13 14:39:01 · 131 阅读 · 0 评论 -
Vue的认识和使用前提
简单认识一下vueVue是一个渐进式的框架,什么是渐进式的呢? 渐进式意味你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交替体验或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统比如Core+Vue+router+Vuex,也可以满足你各种各样的需求Vue有很多特点和Web开发中常见的高级功能解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOM学习Vue的前提你需要具备一定的HTML,CSS,JavaScript基础安装Vue方式一:原创 2021-05-11 09:04:37 · 330 阅读 · 0 评论