组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 is 特性扩展。个人认为就是一个可以重复利用的结构层代码 ...
分类：
其他好文 时间：
2017-10-08 13:33:38
阅读次数：
175
前面的话 组件接受的选项大部分与Vue实例一样，而选项props是组件中非常重要的一个选项。在 Vue 中，父子组件的关系可以总结为 props down, events up。父组件通过 props 向下传递数据给子组件，子组件通过 events 给父组件发送消息。本文将详细介绍Vue组件选项pr ...
分类：
其他好文 时间：
2017-10-03 23:23:49
阅读次数：
315
前面的话 有时候需要父组件访问子组件，子组件访问父组件，或者是子组件访问根组件。 在组件实例中，Vue提供了相应的属性，包括$parent、$children、$refs和$root，这些属性都挂载在组件的this上。本文将详细介绍Vue组件实例间的直接访问 $parent $parent表示父组件 ...
分类：
其他好文 时间：
2017-10-03 23:18:08
阅读次数：
177
因为 JavaScript 的限制，Vue.js 不能检测到下面数组变化 所以,想要正常是不能通过操作数组来渲染dom的, 解决的方法是通过set方法, 在组件中用的是 实例方法 vm.$set( target, key, value ) 这样,就可以通过更改data中的数组,实时渲染dom了 这样 ...
分类：
编程语言 时间：
2017-10-02 18:22:46
阅读次数：
159
注册 使用is属性： 使用模板，这些限制将不适用： <script type="text/x-template"> JavaScript 内联模板字符串 data必须是一个函数，并且，如果返回一个公共的变量，实例之间将共享数据。 props://prop 是单向绑定的 非prop属性，也允许加入到属 ...
分类：
其他好文 时间：
2017-09-29 21:13:11
阅读次数：
167
Vue2.0子同级组件之间数据交互 标签： vue组件2017-07-23 22:03 1891人阅读 评论(0) 收藏 举报目录(?)[-]熟悉了Vuejs的同级组件之间通信写此文章以便记录Vue是一个轻量级的渐进式框架对于它的一些特性和优点请在官网上进行查看不再赘述熟悉了Vue.js的同级组件之 ...
分类：
其他好文 时间：
2017-09-29 17:43:31
阅读次数：
173
公司近期发力，同时开了四五个大项目，并且都是用Vue来做的，我很荣幸的被分到了写项目公用模块的组，所以需要将公用的部分提取成组件的形式，供几个项目共同使用，下面详细讲一下写Vue组件的具体步骤。 一、创建组件文件 假如几个项目共用一个头部组件header，我们先建立所需要的文件：header.vue ...
分类：
其他好文 时间：
2017-09-28 19:14:57
阅读次数：
296
//创建属于自己的vue组件库 (function(Vue, undefined) { Vue.component("my-component", { template: '{{message.name}}{{message.age}}',//模板最外层必须只有一个标签包裹，不能同时存在两个 pro... ...
分类：
其他好文 时间：
2017-09-28 01:02:53
阅读次数：
177
1,//创建 router 实例 var router = new VueRouter() 2,//components下新建home.vue组件，并在app.vue中引入模块： import home from './components/home/home.vue'; 3,//路由地址 rout ...
分类：
其他好文 时间：
2017-09-27 18:58:58
阅读次数：
209
引入Vue import Vue from "vue"; 1.全局组件注册 Vue.component("my-header",{//注册全局组件template:'<p>这是一首歌</p>'}); new Vue({ el:"#app", data:{ } }) 直接在html页面引入<my-he ...
分类：
其他好文 时间：
2017-09-27 11:41:04
阅读次数：
138
