Vue初识,文本渲染,属性绑定,事件处理,

1、什么是Vue?    

Vue是js框架,类似于jquery,因为jquery相对来说已经过时,Vue是主流

2、Vue有什么特点?

简洁、轻量、快速、模块友好、组件化

3、Vue的HelloWorld,输出hello Vue.js

使用Vue来实例化对象赋值

如果向修改name属性的值,我们还可以这样,有vue自带的变量,可以区分与用户定义的变量

4、Vue双向数据绑定

5、文本渲染

6、属性绑定

普通属性绑定、、以对象的形式绑定、、以数组的形式绑定

Vue初识,文本渲染,属性绑定,事件处理,_第1张图片

内联方式:

Vue初识,文本渲染,属性绑定,事件处理,_第2张图片

7、事件处理

可以使用v-on指令绑定一个事件监听器,通过它调用我们 Vue 实例中定义的方法:

Vue初识,文本渲染,属性绑定,事件处理,_第3张图片

7-1: 事件修饰符( stop 阻止冒泡,prevent 阻止默认事件,once 只触发一次 )

stop:

Vue初识,文本渲染,属性绑定,事件处理,_第4张图片

prevent:

Vue初识,文本渲染,属性绑定,事件处理,_第5张图片

once:

Vue初识,文本渲染,属性绑定,事件处理,_第6张图片

7-2:键值修饰符

Vue初识,文本渲染,属性绑定,事件处理,_第7张图片

你可能感兴趣的:(Vue初识,文本渲染,属性绑定,事件处理,)