
vueJs
文章平均质量分 81
饮泣的你
这个作者很懒,什么都没留下…
展开
-
vue-router 基本使用
路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。 点击之后,怎么做到正确的对应,比如,...转载 2018-07-03 18:58:56 · 2322 阅读 · 0 评论 -
vue组件(一)——组件介绍
定义组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 例如 data、computed、watch、meth...原创 2018-09-28 10:12:34 · 320 阅读 · 0 评论 -
vue组件(二)--prop传递数据
组件组合组件设计初衷就是要配合使用的,最常见的就是形成父子组件的关系:组件 A 在它的模板中使用了组件 B。它们之间必然需要相互通信:父组件可能要给子组件下发数据,子组件则可能要将它内部发生的事情告知父组件。然而,通过一个良好定义的接口来尽可能将父子组件解耦也是很重要的。这保证了每个组件的代码可以在相对隔离的环境中书写和理解,从而提高了其可维护性和复用性。在 Vue 中,父子组件的关系可以...原创 2018-09-28 16:35:08 · 1166 阅读 · 1 评论 -
vue组件(三)—自定义事件
事件名跟组件和 prop 不同,事件名不存在任何自动化的大小写转换。而是触发的事件名需要完全匹配监听这个事件所用的名称。举个例子,如果触发一个 camelCase 名字的事件: this.$emit('myEvent') 则监听这个名字的 kebab-case 版本是不会有任何效果的: <my-component v-on:my-event="doS...原创 2018-09-29 17:54:30 · 6666 阅读 · 0 评论