2017年9月21日
摘要: main.js 实例化一个数据中心 组件共享数据 main.js APP.vue APPLE.vue 阅读全文
posted @ 2017-09-21 15:25 前端小猿 阅读(299) 评论(0) 推荐(0) 编辑
  2017年9月20日
摘要: main.js import Vue from 'vue'import APPLE from './components/APPLE.vue'import BANANA from './components/BANANA.vue'import App from './App'import VRout 阅读全文
posted @ 2017-09-20 22:43 前端小猿 阅读(290) 评论(0) 推荐(0) 编辑
  2017年9月19日
摘要: APP.vue <template> <div id="app"> <componentsA v-bind:number=123456></componentsA> </template> <script>import componentsA from './components/A.vue'/* 阅读全文
posted @ 2017-09-19 18:09 前端小猿 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 1.在自定义组件上使用了v-bind: class="HELLO" HELLO是一个对象,或者v-bind:style="WORLD" WORLD也是一个对象,在自定义组件定义的时候,data这个构造参数内必须这么写 data:function(){ return{ HELLO:'hello', W 阅读全文
posted @ 2017-09-19 15:50 前端小猿 阅读(155) 评论(0) 推荐(0) 编辑
摘要: v-for 渲染数组时,<li v-for="(list,index) in lists">{{list.name}}-{{list.age}}-{{index}}</li> v-for 使用在你将要循环的元素上而不是挂载在父元素上 渲染对象时,<li v-for="(value,key) in t 阅读全文
posted @ 2017-09-19 14:55 前端小猿 阅读(156) 评论(0) 推荐(0) 编辑
  2017年9月18日
摘要: 组件 自定义组件 全局注册: var question={name:'MR Liu'} Vue.component('my-header',{ template:'<p>hello world{{name}}</p> ', data:function(){//data必须是函数 且一般只能返回一个对 阅读全文
posted @ 2017-09-18 22:10 前端小猿 阅读(145) 评论(0) 推荐(0) 编辑