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

运行效果:

相关推荐
小江的记录本3 小时前
【HTML】HTML5 新特性、语义化标签、浏览器渲染流程(附《思维导图》)
前端·css·面试·前端框架·html·css3·html5
风骏时光牛马4 小时前
手机端高效实用技巧,看完直接上手用
前端
索西引擎4 小时前
【Vue】Vue.js 3 声明式渲染架构的设计原理与模块协同机制研究
前端·javascript·vue.js
tju新生代魔迷4 小时前
Verilog HDL 学习笔记(九)| 第 9 章 实用建模技术
笔记·学习
凯尔萨厮4 小时前
Java学习笔记十三(Stream与Lambda)
笔记·学习
爱三盖浇饭5 小时前
挑战从零开始学习Kafka2: Kafka 常见问题解决方案
学习·kafka
dtq04245 小时前
数据结构 - 线性表 - 双向链表
c语言·数据结构·学习
mayaairi6 小时前
Vue2 事件绑定完全指南:从入门到原理
前端·javascript·vue.js
ℋᙚᵐⁱᒻᵉ鲸落11 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html