随笔分类 -  Vue

从0开始学习vue
Vue渲染数据理解以及Vue指令
摘要：一、Vue渲染数据原理 原生JS改变页面数据，必须要获取页面节点，也即是进行DOM操作，jQuery之类的框架只是简化DOM操作的写法，实质并没有改变操作页面数据的底层原理，DOM操作影响性能（导致浏览器的重绘和回流），Vue是一个mvvm框架（库），大幅度减少了DOM操作，操作数据如下图： Vie 阅读全文
posted @ 2019-01-23 21:08 心晴安夏 阅读(8221) 评论(0) 推荐(1)
Vue实例 中的常用配置项
摘要：创建Vue实例时，使用 new Vue ({//配置项}) 或者 组件定义中 export default {//配置项}，所有的Vue组件都是Vue实例，并且接受相同的选项对象（一些根实例特有的选项除外） 如： 配置项一共可以分为六大类：数据、DOM、生命周期钩子、资源、组合、其他 一、数据 （1 阅读全文
posted @ 2019-01-23 14:27 心晴安夏 阅读(1201) 评论(0) 推荐(1)
vuex
摘要：概念： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。简单来说，对vue应用中，多个组件的共享状态在组件外部进行集中式的管理 一般存在多个组件共享状态的情况为：多个组件依赖于同一个状态或者来自于不同组件的行为需要变更同一个状态 遇到这种情况，以前的解决方法： （1）将数据以及操作数 阅读全文
posted @ 2018-11-29 21:38 心晴安夏 阅读(312) 评论(0) 推荐(0)
vue使用import来引入组件的注意事项
摘要：Vue使用import ... from ...来导入组件，库，变量等。而from后的来源可以是js，vue，json。这个是在webpack.base.conf.js中设置的： 这里的extensions指定了from后可导入的文件类型。而上面定义的这3类可导入文件，js和vue是可以省略后缀的： 阅读全文
posted @ 2018-11-27 11:34 心晴安夏 阅读(41203) 评论(2) 推荐(2)
Vue Router的入门以及简单使用
摘要：Vue Router 是Vue官方的路由管理器，是Vue用来实现SPA的插件。它和 Vue.js 的核心深度集成，让构建单页面应用(SPA)变得易如反掌。 基本概念： 路由：是一种映射关系，是 “path =>组件”的映射 路由器：管理路由的，在路由器里配置路由 1、npm 安装 npm insta 阅读全文
posted @ 2018-11-27 10:46 心晴安夏 阅读(1322) 评论(0) 推荐(0)
vue 组件间的通信
摘要：（1）props：用于父组件向子组件传递消息 使用方法： 在父组件中，使用子组件时，<Child v-bind:data="data"/>，通过v-bind把子组件需要的数据传递给子组件； 在子组件中通过props来接受传过来的数据，常用写法：props:['data',......]/props: 阅读全文
posted @ 2018-11-20 20:24 心晴安夏 阅读(174) 评论(0) 推荐(0)
axios的简单使用
摘要：axios是一个通用的ajax请求库，vue 2.0以后，推荐使用axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。 使用： 1、下载安装 npm install axios 2、引入（在哪里使用就在哪里引入） import axios fr 阅读全文
posted @ 2018-11-20 10:44 心晴安夏 阅读(739) 评论(0) 推荐(1)
vue-cli的安装使用
摘要：1、打开cmd 输入 npm install --global vue-cli 全局安装vue-cli脚手架 输入 vue -V 返回vue-cli的版本号 说明安装成功 2、在指定的文件路径下 输入 vue init webpack vue_demo 则会在指定的文件夹下生成一个vue项目模板 根 阅读全文
posted @ 2018-10-26 15:00 心晴安夏 阅读(239) 评论(0) 推荐(0)