sklay-CSDN博客

原创 vuex

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

2019-08-09 17:57:04 169

原创 es6 import export使用

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

2019-08-09 13:57:18 486

原创 npm 安装使用

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

2019-08-08 17:55:34 244

原创 vue声明周期

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

2019-08-08 11:04:02 690

原创 Vue 组件通信

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

2019-08-06 10:59:37 182

原创 vue数据的响应式原理

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

2019-08-01 17:33:45 2947

原创 vue笔记二

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

2019-07-31 16:08:43 119

原创 vue es6部分

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

2019-07-25 13:50:48 214

原创初识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 98

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

一：数据绑定 {{}} 二：三元表达式与数据切换 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 249

sklay的博客