摘要：
插槽的作用 相信看过前一篇组件化开发后，你对组件化开发有了新的认识。 插槽是干什么的呢？它其实是配合组件一起使用的，让一个组件能够更加的灵活多变，如下图所示，你可以将组件当作一块电脑主板，将插槽当作主板上的插槽，你可以随意的更换该主板上的零件。 常见的应用场景，如淘宝的导航条： 其实他们大体框架都是 阅读全文
posted @ 2020-11-21 11:26
云崖先生
阅读(699)
评论(0)
推荐(0)
摘要：
组件化开发 基本概念 在最开始的时候，已经大概的聊了聊Vue是单页面开发，用户总是在一个页面上进行操作，看到的不同内容也是由不同组件构成的。 通过用户的操作，Vue将会向用户展示某些组件，也会隐藏某些组件。 一个Vue的项目就是一个Vue的实例对象。而用户看到的页面则是Vue.component的实 阅读全文
posted @ 2020-11-20 22:55
云崖先生
阅读(706)
评论(0)
推荐(2)
摘要：
devtools工具 使用devtools工具可以让你更加方便的查看到Vue实例中数据的变化。 在chorme商店搜索安装即可。 双向绑定 v-model 双向绑定一般都是与input家族进行绑定。 当表单内容发生改变时，数据层的数据也会发生改变。 <body> <div id="app"> <in 阅读全文
posted @ 2020-11-20 19:40
云崖先生
阅读(164)
评论(0)
推荐(0)
摘要：
响应渲染 在Vue中，被渲染的数据都是响应式的，即Vue实例中进行改变页面中也会跟着改变： <body> <div id="app"> <p>{{count}}</p> <button @click="count++">+</button> <button @click="count--">-</b 阅读全文
posted @ 2020-11-20 17:44
云崖先生
阅读(378)
评论(0)
推荐(0)
摘要：
v-for 通过v-for进行循环，不光可以拿到元素本身，也可以拿到索引值。 如果数据是对象类型，则可以使用(value,key,index)进行取值。 需要注意的是，当不指定key/value而只指定一个迭代变量，那么该迭代变量取值会取value <body> <div id="app"> <ul 阅读全文
posted @ 2020-11-20 17:21
云崖先生
阅读(230)
评论(0)
推荐(0)
浙公网安备 33010602011771号