随笔分类 -  vue

VUE 生命周期图示
摘要：参考： https://segmentfault.com/a/1190000008010666 Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 阅读全文
posted @ 2019-01-25 15:44 Pachulia 阅读(2455) 评论(0) 推荐(0)
Vue.js-资料-组件化思想 —上
摘要：一、Vue中的组件 Vue视图层的灵魂 — 组件化 组件（Component）是 Vue.js 最强大的功能之一； 组件可以扩展 HTML 元素，封装可重用的代码； 在较高层面上，组件是自定义元素， Vue.js 的编译器为它添加特殊功能。在有些情况下，组件也可以是原生 HTML 元素的形式，以 i 阅读全文
posted @ 2018-08-15 20:43 Pachulia 阅读(295) 评论(0) 推荐(0)
Vue.js-资料-组件化思想 —下
摘要：一、组件间的通信 组件实例的作用域是孤立的；这意味着不能并且不应该在子组件的模板内直接引用父组件的数据。但是父子组件之间需要通信：父组件要给子组件传递数据，子组件需要将它内部发生的事情告知给父组件。 在 Vue.js 中，父子组件的关系可以总结为 props down, events up 。父组件 阅读全文
posted @ 2018-08-15 20:43 Pachulia 阅读(1598) 评论(0) 推荐(0)
Vue资料-Vue.js的计算属性（computed properties）
摘要：一、起因？ 虽然在模板中绑定表达式是非常便利的，但是它们实际上只用于简单的操作。在模板中放入太多的逻辑会让模板过重且难以维护。比如： <div id="example"> {{ message.split('').reverse().join('') }} </div> 这样，模板不再简单和清晰。在 阅读全文
posted @ 2018-08-15 20:41 Pachulia 阅读(912) 评论(0) 推荐(0)
Vue资料-简介-旋之华
摘要：前言 一个框架的快速成长源于它有个强大的、活跃度很高的社区。 一、Vue简介 Vue.js 是一个用于创建 Web 交互界面的库。它让你通过简单而灵活的 API 创建由数据驱动的 UI 组件。 Vue.js是一款轻量级的、以数据驱动构建web界面的前端JS框架，它在架构设计上采用了MVVM（Mode 阅读全文
posted @ 2018-08-15 20:39 Pachulia 阅读(1300) 评论(0) 推荐(1)
vue组件注册es2015和es6语法区别
摘要： 阅读全文
posted @ 2018-08-14 17:48 Pachulia 阅读(311) 评论(0) 推荐(0)
vue 引用 vue-resource步骤 (遇错排解)
摘要：1、安装vue-resource到项目中，找到当前项目 输入：npm install vue-resource --save 2、安装完毕后，在main.js中导入，如下所示： import VueResource from 'vue-resource' Vue.use(VueResource) V 阅读全文
posted @ 2018-08-13 21:05 Pachulia 阅读(2619) 评论(0) 推荐(0)
vue-resource和axios的简单使用方法总结
摘要：vue-resource的使用 首先要在main.js中引入 然后在组件中才能使用 vue-axios的使用 首先要在main.js中引入 But axios不能使用use方法 然后在组件中才能使用 vue-axios的错误处理 实现网络不可达,网络无响应等等情况下的处理机制 Handling Er 阅读全文
posted @ 2018-08-13 20:57 Pachulia 阅读(903) 评论(0) 推荐(0)
[vue遇错记录] vue.js:569 [Vue warn]: Cannot find element: #app
摘要：写了一个很简单的界面，console提示：vue.js:569 [Vue warn]: Cannot find element: #vue-app。找了半天才发现原因： 阅读全文
posted @ 2018-08-11 14:10 Pachulia 阅读(4899) 评论(0) 推荐(1)