随笔分类 - Vue
摘要:组件之间的通信:一个组件被调用,那么里面的数据就需要从前者调用,因为在开发中组件时重复调用的,在页面中会反复使用,但是里面的数据是不一样的,谁调用这个组件谁就传递数据给这个组件,所以就要暴露一些接口,供外界传递数据,这就是组件之间的通信。组件实例的作用域是孤立的/每个组件都是独立的,这意味着不能并且不应该在子组件的莫版内直接引用父子组件的数据但是父子组件之间需要通信:父组件要给子组件传递数据,子组...
阅读全文
摘要:1 2 3 4 5 Title 6 7 8 9 24 25 26 27 28 29 30 31 32 33 34 35 点击的次数{{counter}} 36 37 38 39 66
阅读全文
摘要:使用组件时,大多数可以传入到Vue构造器中的选项可以在Vue extend()或 Vue.component() 中注册组件时使用,但是有一个重要的前提:data必须是函数 1 1.在 var vm = new Vue({ 2 el:'#app', 3 daa:{} 4 })中的data是用来存放数据的,是一个对象 5 6 2.在Vue.component({})里...
阅读全文
摘要:特点: 易用 灵活 性能(体积小/DOM快/优化) 社区活跃 架构设计上采用MVVM模式 核心:双向绑定,数据的改变就能引起页面的改变--页面的改变就能引起数据的改变 Vue使用一:直接下载相关文件引入到HTML页面 vue使用二:脚手架安装 新建文件夹 》shift建-在此处打开命令窗口 》npm
阅读全文
摘要:效果如下: 代码如下:
阅读全文
摘要:效果如下: 说明: 这里我使用的原理是利用vue中的v-show/显示隐藏指令,当为true的时候显示,为false的时候隐藏 1html代码: 2css代码: 3js: 应届菜鸟,大佬勿喷...
阅读全文
摘要:基于 element-ui 分页组件实现分页效果 效果如下: 使用说明: 0.首先在头部引入需要的外部文件 1.从element官方网页中复制想要的组件代码直接放入body中 2.编写逻辑代码 3.完成列表的数据渲染 1.html代码如下: 2.css代码: 3.js代码 4.json数据: ha.
阅读全文

浙公网安备 33010602011771号