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

运行效果:

相关推荐
半个落月18 分钟前
从零梳理 React Router:路由、懒加载、嵌套页面与登录鉴权
前端·react.js
tedcloud12344 分钟前
Impeccable 部署指南:开源前端设计工具 Linux 环境搭建实践
linux·运维·服务器·前端·人工智能·开源
默_笙1 小时前
🚩 React + TypeScript 的 Props 通信,我从"把事件对象传给父组件"进化到了"只传值"
前端·javascript
渣波1 小时前
赋予 React “多线程”:Hooks + Web Worker 并发计算架构深度解析
前端·javascript
光影少年1 小时前
Codex 斜杠指令体系与业务场景调度实战
前端·react.js·reactivex
90后的晨仔1 小时前
uni-app中如何跳转?
前端
Bernice橘子1 小时前
职场英语学习计划Day034
学习
Y3815326622 小时前
SERP API 请求体 Gzip 压缩优化实战:大数据量降带宽 80%
开发语言·前端·php
磊灬泽2 小时前
【从零学习 MQTT】发布/订阅、主题、QoS 与报文解析
学习
0566462 小时前
Python数据结构——循环队列
python·学习