文章分类 -  VUE

记录低级错误
摘要：在组件中通过计算属性检测Vuex的数据 错误原因:没有通过state数据属性去获取其中的值,而是直接用vuex对象去取值 被遗漏的vue声明周期 现象 template script 加载页面时 修改input框内容时 切换组件时 图解 阅读全文
posted @ 2018-04-15 11:22 瓜田月夜 阅读(145) 评论(0) 推荐(0)
vue对象的属性
摘要：vue对象的属性 el: 绑定标签对象 data: 数据对象 methods: 方法属性 computed: 计算属性 components: 子组件 props: 父组件向子组件传递的数据 vue-router对象的属性 routes: 路由对象的数组,路由对象包含path(路径),name,co 阅读全文
posted @ 2018-04-08 07:13 瓜田月夜 阅读(206) 评论(0) 推荐(0)
VUE 数据仓库 Vuex
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 单向数据流”理念的极简示意: state，驱动应用的数据源； view，以声明方式将 state 映射到视图； actions，响应在 vie 阅读全文
posted @ 2018-04-04 20:22 瓜田月夜 阅读(655) 评论(0) 推荐(0)
VUE 路由router
摘要：用 Vue.js + vue-router 创建单页应用，是非常简单的。使用 Vue.js ，我们已经可以通过组合组件来组成应用程序，当你要把 vue-router 添加进来，我们需要做的是，将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。 阅读全文
posted @ 2018-04-04 19:08 瓜田月夜 阅读(113) 评论(0) 推荐(0)
VUE 组件及通信
摘要：main.js 组件页面的结构 HTML部分 JS部分 CSS部分 父子组件的调用及通信 父组件调用子组件 父组件向子组件传递数据 组件之间的传值是自上至下的,值只需要传递给顶级组件,而不必为每个组件传值 子组件向父组件传递数据 阅读全文
posted @ 2018-04-03 20:29 瓜田月夜 阅读(140) 评论(0) 推荐(0)
利用npm搭建Vue项目流程
摘要：安装 第一步:下载node 第1.5步: npm安装可能无法下载 使用淘宝cnpm 第二步:使用node的包管理器npm安装vue,可以忽略 第三步安装脚手架 通过npm init 创建package.json 为项目添加插件 获取项目依赖的插件 创建基于webpack模板的新项目 黄色圈圈部分是可 阅读全文
posted @ 2018-04-03 19:17 瓜田月夜 阅读(919) 评论(0) 推荐(0)
VUE 指令集
摘要：什么是VUE Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 阅读全文
posted @ 2018-04-02 21:56 瓜田月夜 阅读(205) 评论(0) 推荐(0)