首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Vue
新星_
创建于2022-08-29
订阅专栏
Vue框架学习
等 1 人订阅
共50篇文章
创建于2022-08-29
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
属性监听器
监视属性 监视属性就是监视某一个属性的变化。 watch:{x(){}}中的方法名必须跟要监听的data中的属性名一样,才代表监听指定属性。当监听器监听的属性发生变化时,就会调用watch中对应的方法
计算属性
计算属性 把computed中的方法当做属性使用,方法会返回一个数据,用方法名就可以使用返回的数据。使用时不需要跟调用的小括号,所以不用传参在计算属性中用this来获取数据源中的数据然后会自动对获取的
过滤器
过滤器的作用 filter主要用于数据展示之前的处理 ps:过滤器只能用在v-bind:指令其语法糖:或者插值表达式中 过滤器的语法 过滤器不传参|符号前的数据会作为后面过滤器的参数,过滤器在调用时传
双向数据绑定
什么是双向数据绑定 双向数据绑定首先是如果数据容器中的数据改变了会让页面刷新就是DOM操作让页面改变,然后是如果用户操作了页面从而改变了页面反之也会让数据容器中的数据发生改变。 双向数据绑定的技术 在
响应式数据
响应式数据效果 响应式数据就是只要数据发生了改变就会重新刷新页面,改变页面的显示内容 响应式数据的设计 如果内存中的数据变化了页面UI也会动态跟着刷新这种数据就是响应式数据。
条件渲染和循环渲染
条件渲染 条件渲染主要为v-if和v-show 两个的使用场景(面试) 这个两个谁好?(面试) 根据它们底层的设计不一样有各自的使用场景,v-if具有较高的渲染消耗,常常用在用户不常切换的模块中,就避
样式绑定
绑定Style样式 绑定style样式的方法 对class 属性进行绑定 绑定calss样式的方法,v-bind:class指令也可以与普通的 class 属性共存 总结 :style在标签上直接以对
方法和事件的绑定
方法 在methods中写方法,Vue实例可以直接访问其中的方法。方法供事件或者别的方法内部调用,只要能够访问创建的Vue实例就够调用方法。 方法的写法:ES5和ES6的语法都支持 事件的绑定 事件绑
给元素绑定属性
元素绑定属性指令 v-bind可以给所有标签中的属性绑定js中的变量,没有v-bind标签属性中的js变量就是一个字符串作为属性值,而加入v-bind后变量不再是一个字符串而是取js变量的值作为属性值
插值表达式和文本指令
创建Vue对象 在html文档中使用cdn引入Vue框架的js文件后就可以使用全局函数Vue创建一个Vue对象 插值表达式 插值表达式{{}}:大括号内部会作为js语法执行环境,可以运行简单的表达式比