Vue的基础语法

目录

一、Vue的概念

1.什么是vue.js

二、MVC与MVVM的区别

三、Vue.js的代码结构

1、引入vue.js

2、写视图层，我们要展示的内容

3、实例化Vue()

（1）data：存放数据

（2）el：这个控制是哪块视图

（3）methods：放我们的方法

图下示例：

四、插值表达式、v-cloak、v-text、v-html

1、如何获取变量值呢？

（1）插值表达式{ {}}，可以在前后插入一些内容

（2）v-text：会替换掉元素里的内容

（3）v-html：可以渲染html界面

示例：

五、事件修饰符

1、.stop 阻止冒泡

2、.prevent 阻止默认事件