Vue实例及构造选项

Posted 2023-03-18

参考技术A

使用过jQuery的小伙伴 都知道当我们在使用jQuery获取一个元素的时候返回的并不是对象本身，而是一个包含可以操作这个元素的方法和属性的API对象，Vue实例也是如此。

把Vue的实例命名为vm是尤雨溪的习惯,我们应该沿用。
vm对象封装了对视图的所有操作，包括数据读写、事件绑定、DOM更新。vm的构造函数是Vue，按照ES6的说法，vm所属的类是Vue。
optioins 是 new Vue 的参数，一般称之为选项或构造选项。

el属性： 表示组件或实例的挂载点

data属性：表示当前Vue实例的内部数据
可以使用对象和函数写法，优先使用函数写法，是为了防止重复渲染相同的组件引用同一个内部数据。
methods属性：里面是事件处理函数或者是普通函数

但是当前methods里面的方法都会在dom重新渲染时执行。

表示使用Vue组件，使用时注意大小写(组件名建议首字母大写，文件名建议小写，为防止不分辨大小写的系统造成失误)

若命名与组件名相同，可以缩写成 components: Demo,

Demo.vue

引用组件之后添加别的内容。

<Demo message="n" > 默认是将字符串n传值给 message ，加上引号之后 <Demo :message="n" > 就变为将变量 n 的值传给 message，传函数也是一样 <Demo :fn="add" >