摘要：
如何封装合适呢？抽取共性，保留不同。 最好的封装方法就是将共性抽取到组件中，将不同暴露为插槽。 预留插槽 如果有覆盖显示覆盖 没有就显示定义的内容 插槽可以插入多个标签 具名插槽是根据定义的name来指定替换插槽内容 基本使用插槽和 具名插槽 <!DOCTYPE html><html> <head> 阅读全文
posted @ 2020-10-23 20:52
眰
阅读(74)
评论(0)
推荐(0)
摘要：
注册组件的基本步骤 组件的使用分成三个步骤 1、创建组件构造器 2、注册组件 3、使用组件 <!DOCTYPE html><html> <head> <title>组件</title> <meta charset="utf-8" /> </head> <body> <div id="app"> <! 阅读全文
posted @ 2020-10-23 17:46
眰
阅读(140)
评论(0)
推荐(0)
摘要：
1、我们将一个完整的页面分成很多个组件 2、每个组件都用于实现页面的一个功能块 3、而每一个组件又可以进行细分 组件化是Vue.js中的重要思想 它提供了一种抽象，让我们可以开发一个个独立可复用的小组件来构造我们的应用 任何的应用都会被抽象成一颗组件树 阅读全文
posted @ 2020-10-23 17:35
眰
阅读(225)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html> <head> <title>组件</title> <meta charset="utf-8" /> </head> <body> <div id="app"> <!--.laze修饰符 可以让数据在失去焦点或者回车才会更新--> <input type=" 阅读全文
posted @ 2020-10-23 17:03
眰
阅读(95)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html><html> <head> <title>组件</title> <meta charset="utf-8" /> </head> <body> <div id="app"> <h2> 爱好是：{{hobbies}}</h2> <label v-for="item in 阅读全文
posted @ 2020-10-23 16:43
眰
阅读(484)
评论(0)
推荐(0)
摘要：
<div id="app"> <input type="text" v-model="mess">//双向绑定 {{mess}}</div><script> const app=new Vue({ el:"#app", data:{ mess:"哈喽" } })</script> 阅读全文
posted @ 2020-10-23 16:16
眰
阅读(410)
评论(0)
推荐(0)
浙公网安备 33010602011771号