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

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

Vue非常容易上手，运用到了双向绑定机制，即HTML里的DOM元素与JS里的Vue实例进行双向绑定，只要Vue实例中的代理数据改变，HTML中的实际数据就会跟着变，这和原生的Js的命令驱动模式不同，它是数据驱动模式，通过数据的改变来控制DOM的变化。什么意思呢？我们会在接下去的学习中慢慢实践。

Todo List这个网页用到了很多Vue的指令，在这里我贴出一部分代码，全部代码请戳我的Github

以......

Vue组件的API来自三部分

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

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

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

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

摆上html

<div id="app">

<div class="modal-header">

<h4>这是标题</h4>

</div>

<div class="modal-content">

<div>在这里添加内容&......

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

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

Vue中的组件

自定义HTML标签

组件注册全局注册

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

语法

使用Vue.component(组件名,选项对象)，组件名命名约定camelCase和kebab-case。在html中使用组件：使用kebab-case命名法

局部注册

在组件实例中通过选项对象注册，只在所注册的......