![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
sssory
这个作者很懒,什么都没留下…
展开
-
Vue 计算属性
计算属性计算属性就是当其依赖属性的值发生变化时,这个属性的值会自动更新,与之相关的DOM部分也会同步自动更新。代码演示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box"> <input type="text" placeho原创 2021-08-11 20:52:41 · 125 阅读 · 0 评论 -
Vue v-for指令
列表渲染 v-for 指令的使用v-for指令可以用来遍历数组/对象,它可以根据data中数据的更新动态刷新视图遍历数组1.1 使用方式: v-for=“item in arr” item是一个参数,表示数组中的每一项,arr也是一个参数,表示你要遍历的数组1.2 使用方式: v-for="(item, index) in arr" index表示数组项的索引 ⭐遍历对象2.1 使用方式:v-for=“value in obj” value 表示对象的属性的值 obj就是需要遍历的对象原创 2021-08-11 20:44:08 · 2577 阅读 · 0 评论 -
vue 单选框绑定v-model
单选框绑定v-model单选框radio绑定v-model绑定的值为radio的value值,而单个复选框checkbox绑定的值则是true 和 false案例:演示使用单选框切换显示的界面导入vue:<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>html代码:<div id="box"> <p class="radios"> &原创 2021-07-07 15:34:25 · 2807 阅读 · 0 评论 -
vue 条件渲染指令
vue中的条件渲染指令可以根据表达式的值,来决定在 DOM 中是渲染还是销毁元素或组件。案例1 v-if通过v-if来实现登录页面和注册界面的切换html:<body> <div id="box"> <h1>用户注册\登录</h1> <input type="checkbox" v-model="iszc" />注册 <div class="show"> <div v-if="iszc"> .原创 2021-07-03 13:43:58 · 392 阅读 · 0 评论 -
vue v-bind
v-bind 的使用v-bind 主要用于属性绑定,比方你的class属性,style属性,value属性,href属性等等,只要是属性,就可以用v-bind指令进行绑定使用示例:<!-- 绑定一个属性 --><img v-bind:src="imageSrc"><!-- 缩写 --><img :src="imageSrc"><!-- 内联字符串拼接 --><img :src="'/path/to/images/' + fil原创 2021-07-02 16:10:49 · 101 阅读 · 0 评论 -
vue 过滤器
过滤器在vue中 什么是过滤器顾名思义,过滤就是蒋串数据经历过滤之后得到我们想要的数据,例如一串小写字符串 “action speak louder than words” 我们需要将这一串字符串的每个单词首字母变成大写,这时候我们便需要用到过滤器,在vue中我们根据自己的需求来自己定义过滤器。过滤器的类别1、全局过滤器Vue.filter("filterName",function(val){ ...... return val;})2、局部过滤器filters:{ filterN原创 2021-07-01 11:24:27 · 54 阅读 · 0 评论 -
初识vue
vue概述什么是vuevue 是一套用于构建用户界面的渐进式框架,它的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。核心是一个响应的数据绑定系统。优势和特点vue两大特点:响应式编程、组件化。vue的优势:轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。vue是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和dom,这样大大加快了访问速度和提升用户体验。而且他的第三方ui库很多节省开发时间。响应式的数据绑定vue会自动原创 2021-06-30 10:39:54 · 101 阅读 · 0 评论