Vue封装组件

Vue组件的API来自三部分

props参数--传递数据给组件

slot定制模板--外部模板混合子组件模板

event自定义事件--监控子组件交互状态

先把DOM和样式写好 --> 考虑哪些是可以被定制的 --> 写模板 --> 自定义事件

摆上html

<div id="app">

<div class="modal-head......

Vue学习——Todo List网页

👉网页链接,可以用,我觉得还不错,hiahiahia~

跟着老师学习Vue,我喜欢清爽的界面,就自己改了样式,看起来还不错,以后就用来记录要做的事情,实用性还蛮强。

Vue非常容易上手,运用到了双向绑定机制,即HTML里的DOM元素与JS里的Vue实例进行双向绑定,只要Vue实例中的代理数据改变,HTML中的实际数据就会跟着变,这和原生的Js的命令驱动模式不同,它是数据驱动模式,通......

Vue组件化开发——写一个select组件

web中的组件是一个具有独立的逻辑和功能的界面,同时又能根据规定的接口规则进行相互融合,变成一个完整的应用。

组件化开发的好处是,组件自由组合形成功能完善的界面,当不需要某个组件,或者想要替某个组件时,可以随时进行替换和删除,不影响整个应用的运行。

Vue中的组件

自定义HTML标签

组件注册

全局注册

可以在任何模板中使用,使用之前要先注册

语法

使用Vu......