VUE.js入门学习(2)-基础精讲
2024-10-08 18:32:12
1、VUE 实例 - 一个项目是有很多的vue实例拼装的。每一个组建就是vue的实例。
var vm = new Vue()
2、VUE 实例生命周期钩子
生命周期函数:VUE实例在某一个时间点会自动执行的函数
3、VUE 的模版语法
{{content}}、v-text="文字"、v-html="代码"
4、计算属性,方法与侦听器 (重要)
(1)计算属性 computed 有一个缓存,变量不变他不变
(2)侦听器 watch 也有缓存机制
二者可以同时使用时。我们推荐用computed
5、计算属性的 getter 和 setter
6、Vue中的样式绑定
(1):class="js表达式"
(2):class="[one,two]"
(3) :style="object"
(4):style="[object,{font-size:12px}]"
7、Vue中的条件渲染
(1)v-if="" 就不存在了
(2)v-show="" 相当于 display:none的效果
8、Vue中的列表渲染
(1)v-for=" (item,key,index) of list" :key="item.id"
(2)模版占位符,在前台不显示,比div好
9、Vue中的set方法
(1)全局方法
(2)实例方法
(3)用set方法改变数组
Vue.set(数组名,第几位,改的数值)
vm.$set(数组名,第几位,改的数值)
最新文章
- numberOfRowsInSection方法什么时候调用
- 在Nginx中部署基于IP的虚拟主机
- 1205. By the Underground or by Foot?(spfa)
- Sentry Server 日志记录分析服务
- Android 颜色大全 (colors.xml )
- 使用GridBagLayout控制行列的高度和宽度
- ssis的script task作业失败(调用外部dll)
- PLAN :昔日未来
- magento里获取用户姓名
- 《JavaScript权威指南》学习——js闭包
- 解决linux AMR转MP3出现转码成功却无法播放的问题
- js,JQ 图片转换base64 base64转换为file对象,blob对象
- mysql主从复制延迟问题的相关知识与解决方案
- PLSQL Developer连接Oracle
- 44个Java代码性能优化总结
- html5闰年判断函数
- android dev概念快速入门
- 在Ubuntu上安装pyenv 相关问题Common build problems
- eclipse 访问 hive1.2.1
- sql执行顺序与性能优化小技巧(一)