vue 初步学习记录

题前话:之前接手了我们公司的半成品Vue项目,由于自己不是做网页前端的,自己初步看了下Vue相关东西,今天才算是把基本项目功能都完成了。这里记录下初步学习Vue过程。

相关学习

Vue.js 基础学习

Vue 官网,我们第一步就需要在官网了解和学习Vue基本知识面,并可以按照官网新建我们第一个Vue文件。

这里我简单记录了下我初步学习vue中用到比较多的属性:

v-bind

缩写:

动态地绑定一个或多个特性,或一个组件 prop 到表达式。
在绑定 class 或 style 特性时,支持其它类型的值,如数组或对象。可以通过下面的教程链接查看详情。
在绑定 prop 时,prop 必须在子组件中声明。可以用修饰符指定不同的绑定类型。
没有参数时,可以绑定到一个包含键值对的对象。注意此时 class 和 style 绑定不支持数组和对象。

v-on

缩写: @

绑定事件监听器。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句,如果没有修饰符也可以省略。
用在普通元素上时,只能监听原生 DOM 事件。用在自定义元素组件上时,也可以监听子组件触发的自定义事件。
在监听原生 DOM 事件时,方法以事件为唯一的参数。如果使用内联语句,语句可以访问一个 event)"。
从 2.4.0 开始,v-on 同样支持不带参数绑定一个事件/监听器键值对的对象。注意当使用对象语法时,是不支持任何修饰器的。

v-model

限制: