摘要：
插槽slot 在原来的功能上具有扩展性 组件的插槽： 组件的插槽为了让我们封装的组件更加的具有扩展性 让使用者可以决定组建内部的一些内容到底展示什么 如何去封装这些组件？抽取共性，保留不同 最好的封装方式就是将共性抽取到组件中，将不同暴露为插槽 一旦我们预留了插槽，就可以让使用者根据自己的需求，决定 阅读全文
posted @ 2021-08-11 01:44
coderElian
阅读(44)
评论(0)
推荐(0)
摘要：
什么是组件化 如果我们将一个页面中所有的处理逻辑全部放在一起，处理起来就会变得非常复杂，而且不利于后续的管理以及扩展。 但如果，我们将一个页面拆分成一个个的功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了。 Vue组件化思想 提供了一种抽象，让我们可以开发 阅读全文
posted @ 2021-08-11 01:29
coderElian
阅读(132)
评论(0)
推荐(0)
摘要：
条件判断 v-if、v-else-if、v-else 这三个指令可以根据表达式的值在DOM中渲染或销毁元素或组件 <div id="app"> <h2 v-if="message < 60">不及格</h2> <h2 v-else-if="message >= 60 && message < 80" 阅读全文
posted @ 2021-08-11 01:22
coderElian
阅读(73)
评论(0)
推荐(0)
摘要：
v-on 参数 当通过methods中定义方法，以供@click调用时，需要注意参数问题 情况一：如果该方法不需要额外参数，那么方法后面的()可以不添加； 注意：如果方法本身中有一个参数，那么会将原生事件event参数传进去 情况二：如果需要同时传入某个参数，同时需要event时，可以通过$even 阅读全文
posted @ 2021-08-11 01:19
coderElian
阅读(58)
评论(0)
推荐(0)
摘要：
表单绑定v-model 表单控件在实际开发中是非常常见的。特别是对于用户信息的提交，需要大量的表单。 Vue中使用v-model指令来实现表单元素和数据的双向绑定 案例： <div id="app"> <input type="text" v-model="message"> <h2>{{messa 阅读全文
posted @ 2021-08-11 01:16
coderElian
阅读(66)
评论(0)
推荐(0)
摘要：
ES5中的闭包 <script> var btns = document.getElementsByTagName("button"); for (var i = 0; i < btns.length; i++) { (function (i) { btns[i].addEventListener( 阅读全文
posted @ 2021-08-11 01:05
coderElian
阅读(184)
评论(0)
推荐(0)
摘要：
插值语法 Mustache（双括号语法） <div id="app"> <h2>{{message}}</h2> <h2>{{message}},Tolerate!</h2> <h2>{{firstName + lastName}}</h2> <h2>{{firstName + ' ' +lastN 阅读全文
posted @ 2021-08-11 01:04
coderElian
阅读(52)
评论(0)
推荐(0)
摘要：
一、简单认识Vue Vue是一个渐进式框架： Vue有很多特点和高级特性 解耦视图和数据 可复用的组件 前端路由技术 状态管理 虚拟DOM 安装： 方式一：直接CDN引入 选择开发版本或者是生产版本 <!-- 开发版本，包含了有帮助的命令行警告 --> <script src="https://cd 阅读全文
posted @ 2021-08-11 00:57
coderElian
阅读(47)
评论(0)
推荐(0)
浙公网安备 33010602011771号