![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue官方文档
chenmo2019
前端
展开
-
Vue-prop
文章目录通过 Prop 向子组件传递数据Prop的大小写(camelCase vs kebab-case)Prop 类型传递静态或动态 Prop传入一个数字传入一个布尔值传入一个数组传入一个对象传入一个对象的所有 property(重点)单向数据流Prop 验证类型检查通过 Prop 向子组件传递数据早些时候,我们提到了创建一个博文组件的事情。问题是如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话,它是没有办法使用的。这也正是 prop 的由来。Prop 是你可以在组件上注册的原创 2020-09-08 21:22:47 · 402 阅读 · 0 评论 -
单文件组件-起步
文章目录例子沙箱针对刚接触 JavaScript 模块开发系统的用户针对高级用户例子沙箱如果你希望深入了解并开始使用单文件组件,请来 CodeSandbox 看看这个简单的 todo 应用。针对刚接触 JavaScript 模块开发系统的用户有了 .vue 组件,我们就进入了高级 JavaScript 应用领域。如果你没有准备好的话,意味着还需要学会使用一些附加的工具:Node Package Manager (NPM):阅读 Getting Started guide 中关于如何从注册地(r转载 2020-08-13 09:37:38 · 94 阅读 · 0 评论 -
怎么看待关注点分离?
怎么看待关注点分离?一个重要的事情值得注意,关注点分离不等于文件类型分离。在现代 UI 开发中,我们已经发现相比于把代码库分离成三个大的层次并将其相互交织起来,把它们划分为松散耦合的组件再将其组合起来更合理一些。在一个组件里,其模板、逻辑和样式是内部耦合的,并且把他们搭配在一起实际上使得组件更加内聚且更可维护。即便你不喜欢单文件组件,你仍然可以把 JavaScript、CSS 分离成独立的文件然后做到热重载和预编译。<!-- my-component.vue --><templat原创 2020-08-13 09:15:00 · 261 阅读 · 0 评论 -
条件渲染#用key管理可复用元素
Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。这么做除了使 Vue 变得非常快之外,还有其它一些好处。例如,如果你允许用户在不同的登录方式之间切换:<template v-if="loginType === 'username'"> <label>Username</label> <input placeholder="Enter your username"></template><template v原创 2020-08-12 13:05:03 · 132 阅读 · 0 评论