sklay-CSDN博客

原创 vuex

一：解决什么问题用于解决组件之间数据共享，数据的集中处理，是一种状态管理的设计模式。二:使用1：安装 npm install --save vuex2:引入一般我们会在src根目录下创建一个store的文件夹，下面写index.js来实现相关的存储方法（组件共用数据） import Vuex from 'vuex' import Vue from 'v...

2019-08-09 17:57:04 172

原创 es6 import export使用

导出：export {} 引入：importexport default{} default默认导出哪一个

2019-08-09 13:57:18 491

原创 npm 安装使用

一：安装npm install +模块名 npmninstall +模块名 -g 全局安装二：下载npm i三：初始化 (拿到项目之后) （项目的描述文件）npm init会生成一个packjson文件这个文件是项目的一些描述四：vue-cliwebpack创建项目运行项目https://www.cnblogs.co...

2019-08-08 17:55:34 249

原创 vue声明周期

一个组件从开始到销毁所经历的各种状态，就是一个组件的生命周期，Vue在执行过程中会自动调用生命周期钩子函数，只需要调用这些钩子函数即可一：挂载阶段beforeCreat 数据劫持之前被调用，无法访问mothods,data,computed上的方法和数据created 实例已经创建完成之后被调用，但挂在阶段还没有开始，$el属性不可见， ...

2019-08-08 11:04:02 692

原创 Vue 组件通信

一：组件全局组件组件使用的规则：创建组件，引用组件，使用组件创建组件调用Vue.extend()方法创建组件构造器调用Vue.component()方法，祖册组件在Vue实例的范围内使用组件<body> <div id="app"> <test-comp></test-comp> ...

2019-08-06 10:59:37 187

原创 vue数据的响应式原理

一：vue数据的响应式原理把一个普通的javascript对象传给Vue实例的data选项，Vue将遍历此对象所有的属性，并用Object.defineProperty把这些属性全部转换为getter/setterVue内部会对数据进行劫持操作，进而追踪依赖，在属性被访问和修改时通知变化<body> <div id="app"> ...

2019-08-01 17:33:45 2958

原创 vue笔记二

一：set $setvue的静态方法上调用set实例方法上或者原型方法上调用$setlet vm = new Vue(){ el:"#app", data:{ msg:'world', tip:{ a:123 } }}//如何往tip中添加数据，使之能xiang相应的响应...

2019-07-31 16:08:43 123

原创 vue es6部分

es6新特性一：箭头函数（=>）箭头函数新特性，1：函数体内的的this 值，指向this所绑定的这个函数的作用域中的this2：不能使用arguments3:不能使用构造函数document onclick = function(){ setTimeout(()=>{ console.log(this)//箭头函数中的this绑定...

2019-07-25 13:50:48 218

原创初识es6

一：const 与 let 变量var 变量提升function getClothing(isCold) { if (isCold) { var freezing = 'Grab a jacket!'; } else { var hot = 'It's a shorts kind of day.'; console.log(freezing); ...

2019-07-23 15:09:39 103

原创组件数据、事件与属性

一：数据绑定 {{}}二：三元表达式与数据切换data{like:true,count1:9,count2:99}{{like?count1:count2}}三：三元表达式的应用src="{{like?‘images/like.png’:‘images/like@kids.png’}}"优化代码data{like:true,count1:9,count2:99,...

2019-06-11 10:29:43 252

sklay的博客