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之间的区别

运行效果:

相关推荐
快乐就是哈哈哈2 分钟前
new Map 这么好用,你为什么不用?是不喜欢吗?🌸
前端
洞窝技术4 分钟前
前端安全那些事儿:防范与应对策略
前端·安全
哀木6 分钟前
当你在 2025 做暗色方案
前端
brzhang9 分钟前
搞懂 Session、Cookie、JWT、SSO 到 OAuth 2.0:你的登录认证还好吗?
前端·后端·架构
魔法少女樱10 分钟前
如何在idea中写spark程序
前端·javascript·ajax
三思而后行,慎承诺11 分钟前
npm、pnpm 和 yarn 包管理工具
前端·npm·node.js
怀念无所不能的你16 分钟前
acwing背包问题求方案数
学习·算法·动态规划·dp
wuhen_n32 分钟前
CSS元素动画篇:基于当前位置的变换动画(三)
前端·css·html·css3·html5
brzhang34 分钟前
告别面条代码!用可视化编程 Flyde 给你的 Node.js/Web 应用逻辑解解耦
前端·后端·架构
LVerrrr35 分钟前
Missashe考研日记-day29
学习·考研