从小白到Vue大拿你只需要干这么多......

2024-07-06 22:04:58

1.什么是vue？

vue 是一套用于构建用户界面的渐进式框架。简单，高效，生态丰富（插件多），他是我们前端学习的三大框架之一（React Vue Angular ）。

2.如何使用Vue？

说到底vue还是js的一种，他的用法和我们使用jQurey一样，只需去官网下载下了文件引用即可。

3.如何创建Vue实例？

1.构建容器

模板
<div id="app"></div>

2.写Vue代码，创建实例。

创建
const app = Vue.createApp({
data(){return {}}
})

挂载
app.mount("#app")

3、内置指令

1.文本渲染

v-text {{msg}} v-html 只能写一行表达式不能写复杂js如果if

2.属性渲染

v-bind属性名 = '值' 可简写为：属性名 = '值'

3.条件渲染

v-if v-else-if v-else v-show
v-show隐藏用的是css方式
v-if隐藏用的是移除节点
频繁切换用b-show，偶尔切换用v-if

4.列表渲染指令

v-for="(item,index) in list":key="item"
   item变量的当前数据
index 当前的下标
   key是给vue遍历的节点一个唯一的标识符,更好的让vue去做排序过滤等操作，为了性能的优化，要求在一个for指令里面key的值要唯一
   遍历对象
v-for="(value,key) in obj"
   范围
v-for="item in 5"

4.事件指令

1.我们可以使用v-on指令 (通常缩写为@符号) 来监听 DOM 事件，并在触发事件时执行一些 JavaScript

2.许多事件处理逻辑会更为复杂，所以直接把 JavaScript 代码写在 v-on 指令中是不可行的。因此 v-on 还可以接收一个需要调用的方法名称。

3.除了直接绑定到一个方法，也可以在内联 JavaScript 语句中调用方法

怎么样是不通过学习vue我们的会让我们的学习更加轻松，也大大提升了我们学习的效率呢！下面让我们写一个小案例看看我们的学习的情况如何，也对比一下我们的学习是怎么一步步变得轻松的。（下面是我们经常写的选项卡的案例代码！大家写完了可以对照哦！

目录

1.什么是vue？

2.如何使用Vue？

3.如何创建Vue实例？

3、内置指令

1.文本渲染

2.属性渲染

3.条件渲染

4.列表渲染指令

4.事件指令

）

从小白到Vue大拿你只需要干这么多......相关推荐

用Vue大屏可视化，数据可视化平台酷屏优胜它
大屏可视化,老司机提到vue大家肯定不陌生,什么是Vue呢?Vue 是一套用于构建用户界面的渐进式JavaScript框架.与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用.Vue 的核心 ...
python画饼图_百度飞桨PaddlePaddle之[Python小白逆袭大神]7天训练营
第三次参加百度的7天训练营了这次参加的主题是[Python小白逆袭大神],不过你别看是小白逆势...除非你一开始参加就逆袭完,不然你真的是python小白,这个课程还是有难难度的. 说一下个训练营的 ...
百度飞桨小白逆袭大神之鲤鱼跃龙门
小白逆袭大神之综合大作业综合大作业词云生成器(自己修改) 这里是三岁,转眼间已经到了大作业了,成功与否最后一搏,最后给小白一点建议吧!加油!等到全部结束后回过头再看一遍效果特别好,会发现忽然间恍然 ...
Python小白逆袭大神-结营心得-alading
Python小白逆袭大神-结营心得赶在五一前结束的Python小白逆袭大神7天打卡营结束了,经过了7天的练习,我觉得收获还是很多的.经过整理总结,进行分享. 1. 本期培训重点本期集训营主要是一些 ...
从文案小白到文案高手，你只需看完这十个模板
从文案小白到文案高手,你只需看完这十个模板文案是一种用文字来传达信息.引发情感.促进行动的技巧.文案的目的是为了让读者产生某种反应,比如点击.购买.分享.留言等.文案的形式有很多,比如标题.广告.邮 ...
Python小白逆袭大神七日打卡营飞桨paddlepaddle
这里写自定义目录标题 Python小白逆袭大神七日打卡营全纪录 day1-Python基础 day2-<青春有你2>选手信息爬取 day3-<青春有你2>选手数据分析 day4 ...
百度深度学习paddlepaddle7日打卡——Python小白逆袭大神学习心得
百度深度学习paddlepaddle7日打卡--Python小白逆袭大神学习心得 7日学习总结第一天作业第二天作业第三天作业第四天作业第五天作业 7日学习总结通过这7日打卡课程的学习,从小 ...
百度飞桨深度学习Python小白逆袭大神7日结营心得
很有幸参加了百度飞桨的Python小白逆袭大神7天打卡营.七天的学习已经接近了尾声.现在回顾一下这次的课程,收获颇丰.相信很多参加的学员都感受颇丰,从小白入门到自主大作业完成,我们不仅了解了深度学习的 ...
大数据培训：小白如何学好大数据
如何学好大数据?那么首先我们要想我们为什么会选择学习大数据?大数据发展前景怎么样?学完大数据后就业机会多不多?这些都是我们需要了解的,那么就跟大家简单的说一说,我们为何要选择学习大数据?And如何学好 ...

最新文章

热门文章