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

运行效果:

相关推荐
PasserbyX8 分钟前
一句话解释JS链式调用
前端·javascript
1024小神9 分钟前
tauri项目,如何在rust端读取电脑环境变量
前端·javascript
Nano14 分钟前
前端适配方案深度解析:从响应式到自适应设计
前端
古夕19 分钟前
如何将异步操作封装为Promise
前端·javascript
小小小小宇19 分钟前
前端定高和不定高虚拟列表
前端
古夕30 分钟前
JS 模块化
前端·javascript
wandongle30 分钟前
HTML面试整理
前端·面试·html
liucan23331 分钟前
JS执行速度似乎并不比Swift或者C语言慢
前端·ios
一只小风华~33 分钟前
HTML前端开发:JavaScript 常用事件详解
前端·javascript·html
Revol_C35 分钟前
【调试日志】我只是用wangeditor上传图片而已,页面咋就崩溃了呢~
前端·vue.js·程序员