- 博客(6)
- 收藏
- 关注
原创 关于Vue的组件,生命周期与路由
父组件向子组件传值:v-bind:content="father-components-data"子组件利用props:[…] 接收每一个父组件传过来的值子组件向父组件传值:this.$emit()通过事件触发向上一层触发事件,父组件监听此事件,获取子组件带出的数据内容 以一个todolist为例:var todoItem = { props:['con...
2018-10-31 17:14:02 651
原创 利用Vue.js2.0实现购物车和地址选配功能
根据慕课网-利用Vue2.0实现购物车和地址选配功能教程,通过利用Vue2.0来实现电商平台的简单功能。 vue中的$http请求服务.通过调用http服务,对.json文件发送http请求,通过遍历数组数据完成页面渲染引入vue-resource.js,即可以使用全局的 Vue.http 或者在 Vue 实例中的 this.$http 调用 http 服务。使用...
2018-10-31 17:13:04 1122 1
原创 Vue.js——一个todolist的小尝试
前言:至此为止,还仍然是跟着Vue.js的官方文档,对照网络上的一些教程进行较为分散的学习。大部分还停留在理论性的表面学习与对于官方文档中示例代码的理解。因为缺少实战,还是有些云里雾里。所以这一篇,准备对Vue来一个小小的实战。演示示例实现功能:实现浏览器的本地存储,刷新页面后获取数据缓存。在每个item前显示序号,实现单个item的finish,delete。实现一键删除所有it...
2018-10-31 17:12:00 273
原创 Vue.js框架学习笔记之三
Vue.js中的表单可以用v-model指令在表单 <input>及 <textarea>元素上创建双向数据绑定,它会根据控件类型自动选取正确的方法来更新元素。v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值...
2018-10-31 17:10:35 192
原创 Vue.js框架学习笔记之二
Vue.js中的样式绑定class和style是HTML元素的属性,用于设置元素的样式,我们可以通过v-bind来设置样式属性,可绑定一个数据属性或者对象。v-bind:class="..."v-bind:style="..."class实例:<!DOCTYPE html><html><head> <meta charset="utf-8...
2018-10-31 17:08:49 224
原创 Vue.js初接触
Vue.js框架Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。 —Vue官网框架-Framefork前端的快速发展产生了成千上万的代码,但都缺乏正规的组织形...
2018-10-31 17:05:52 248
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人