vue.js学习第一天

1.vue简介

2.vue插件安装

安装插件,提高开发效率:

1,安装vetur和Vue vscode snippets

安装Vue vscode snippets后,在xxx.vue界面输入vbase可以快速创建代码基本结构

还有vfor创建for循环,vdata创建数据 ,vmethod创建方法

2.插值文本:

上面3种方式一样 ,都可以通过动态赋值title来改变h2标签的值

3.列表渲染v-for

4.表单输入绑定v-model

v-model="xxx"双向绑定数据

@click(或者v-on:click)="XXX"点击事件

5.mvc

6.mvvm

7.vue的标准写法

7.指令属性的基本作用

1.v-cloak

为了解决插值表达式的闪烁问题

2.v-text和v-html

3.插值表达式和v-text,v-html之间的区别

运行效果:

相关推荐
峥嵘life几秒前
Android16 EDLA【GTS】GtsPermissionTestCases存在fail项
android·学习
肠胃炎几秒前
树形选择器组件封装
前端·flutter
努力学习的小廉1 分钟前
redis学习笔记(八)—— C++ 操作 Redis
redis·笔记·学习
CHU7290356 分钟前
一番赏爬塔闯关小程序前端功能玩法设计解析
前端·小程序
ℋᙚᵐⁱᒻᵉ鲸落6 分钟前
Vue3 分页加载避坑指南:如何解决“向下滚动时出现重复数据”的问题?
前端·vue.js
星幻元宇VR7 分钟前
VR消防安全学习机|沉浸式体验守护生命安全的新方式
科技·学习·安全·vr·虚拟现实
red_redemption10 分钟前
自由学习记录(140)
学习
smchaopiao10 分钟前
理解HTML中的段落标签:功能与应用
前端·css·html
努力学习的小廉11 分钟前
我爱学算法之——floodfill算法(上)
学习·算法
云原生指北14 分钟前
AI Agent 的代码执行沙箱:从容器到微虚拟机的隔离之道
前端