- 博客(10)
- 收藏
- 关注
原创 vue打包后样式错乱
基于vue-cli脚手架构建的项目,可通过npm run build把项目打包为静态文件。打包后serve -s dist却发现页面与之前开发时的样式不同。通过谷歌console调试,发现是组件内部的样式没有生效:</template><style>.active i,.active label { color: #f60;}.iconfo...
2019-02-12 13:32:10 2365
原创 Vuex
vuex是vue的全局的状态管理,当项目组件过多不好传参时,可以使用vuex,所有的组件都可以拿到vuex中的值。使用之前先通过npm引入vuex模块,命令行输入cnpm i vuex --savevuex的使用在vuecli搭建的src目录下建立store文件夹,再在其中建立一个index.js文件import Vue from 'vue'import Vuex from '...
2019-02-09 11:14:19 100
原创 例说Vue组件
一、组件传参1.父组件传子组件在子组件的标签上通过v-bind传给子组件,在子组件内需要通过props引入:<my-test :abc="sex" v-on:sen="get()"></my-test>abc是自定义的变量名,sex是父组件要传给子组件的值 components:{ 'my-test':{ template...
2019-01-31 22:11:45 109
原创 typescript中的泛型
类型别名type type s = string; //类型别名 var name:s = 'sonia'; function fun6(name:s):s{ return 'hello ' + name; }; fun(name); type abc = string | number[]; type n = number;...
2019-01-15 13:36:49 510
原创 ES6中set,map详述
一、setset相当于一种类似于数组的数据结构,不过set中成员的值是唯一的,有很多内置的方法。set中的方法,常用的有set.size,用于获取set的长度;add()用于添加一个成员;delete()用于删除set中的一个值;clear()用于清空set内的所有值;has()可以用于判断一个值是否该set中的成员,返回true/false.filter()过滤方法。创建一个新的set:...
2019-01-14 13:35:00 152 3
原创 ES6扩展
字符串字符串扩展 substring(start,stop) 不包含stop, substr(start,length), indexOf() 首次出现的位置let str = 'hello world';str.startsWith('h');startsWith()判断字符串是否在原字符串的头部,返回true/false,区分大小写,第二个参数表示搜索的位置endswith...
2019-01-13 11:57:37 85
原创 ES6中的解构(二)
对象解构let {name:a,age:b} = {age:20,name:'abc'}; //alet {name,age} = {age:20,name:'abc'}; //namelet {abc:name,age:age} = {age:20,name:'abc'}; //错误 name为变量, abc是对象中匹配的值对象解构可以设置默认值let {x=3} ...
2019-01-13 11:39:37 183
原创 ES6中的解构(一)
传统的赋值方式let x = 1;let y = 2;let z = 3;//或let x = 1, y = 2, z = 3;ES6中采用数组模式 运算符let [x,y,z] = [1,2,3];let arr = [1,2,3];let [a,b,c] = arr;模式匹配,一一对应let [a,,c] = [1,2,3]; ...
2019-01-12 20:36:55 204
原创 浅探typescript(二)
class 类class A{ a: string; name:string; constructor(a:string,name:string){ this.a = a; this.name = name; }}继承class B extends A{ b: string; construstor(a,na...
2019-01-11 11:43:36 89
原创 浅探typescript(一)
ts官网给出的定义:TypeScript 是 JavaScript 的类型的超集,它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。首先通过npm 安装typescriptnpm i -g typescript 之后就可以在.t...
2019-01-10 19:57:16 97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人