vue打包后样式错乱 基于vue-cli脚手架构建的项目，可通过npm run build把项目打包为静态文件。打包后serve -s dist却发现页面与之前开发时的样式不同。通过谷歌console调试，发现是组件内部的样式没有生效：</template><style>.active i,.active label { color: #f60;}.iconfo...
Vuex vuex是vue的全局的状态管理，当项目组件过多不好传参时，可以使用vuex，所有的组件都可以拿到vuex中的值。使用之前先通过npm引入vuex模块，命令行输入cnpm i vuex --savevuex的使用在vuecli搭建的src目录下建立store文件夹，再在其中建立一个index.js文件import Vue from 'vue'import Vuex from '...
例说Vue组件 一、组件传参1.父组件传子组件在子组件的标签上通过v-bind传给子组件，在子组件内需要通过props引入：<my-test :abc="sex" v-on:sen="get()"></my-test>abc是自定义的变量名，sex是父组件要传给子组件的值 components:{ 'my-test':{ template...
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;...
ES6中set,map详述 一、setset相当于一种类似于数组的数据结构,不过set中成员的值是唯一的，有很多内置的方法。set中的方法，常用的有set.size,用于获取set的长度；add()用于添加一个成员；delete()用于删除set中的一个值；clear()用于清空set内的所有值；has()可以用于判断一个值是否该set中的成员，返回true/false.filter()过滤方法。创建一个新的set：...
ES6扩展 字符串字符串扩展 substring(start,stop) 不包含stop， substr(start,length)， indexOf() 首次出现的位置let str = 'hello world';str.startsWith('h');startsWith()判断字符串是否在原字符串的头部，返回true/false,区分大小写，第二个参数表示搜索的位置endswith...
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} ...
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]; ...
浅探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...
浅探typescript(一) ts官网给出的定义：TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上。TypeScript 是开源的。首先通过npm 安装typescriptnpm i -g typescript 之后就可以在.t...
关注
