美文网首页
Options的入门属性

Options的入门属性

作者: Sharp丶TJ | 来源:发表于2022-03-31 10:56 被阅读0次

1、el : 挂载点
与 $mount 有替换关系

2、data : 内部数据
特点:支持对象和函数,优先使用函数

(data在组件里能只能用函数,尤大也只建议函数,因为当两个对象时对象被共用了)

3、 methods : 方法
事件处理函数或者是普通函数

它有一个特性:每次渲染都会执行,即使这个执行的东西是跟之前相同的结果也会执行

4、components
使用Vue组件,注意大小写
(组件的data一定是个函数,所以也得写成函数)
PS:在组件中,文件名要纯小写,组件要大写开头。

5、四个钩子

(1)created :实例出现在内存中
(2)mounted:实例出现在页面中
(3)updated:实例更新
(4)destroyed:实例消亡

6、props : 外部属性

如果在外部传属性,不加冒号,那么只会传字符串

template:`
<div>
<Demo obj = "true"> //这是字符串true
</div>
`
template:`
<div>
<Demo  :obj = "true"> //这是布尔true
</div>
`

相关文章

网友评论

      本文标题:Options的入门属性

      本文链接:https://www.haomeiwen.com/subject/blwijrtx.html