@aaa:~'>>>';.wrap{@{aaa}.component1{width:120px;}　　/deep/.component2{width:130px;　　}} ...

vuex其实可以看成一个公共的数据仓库，从作用来说大致上可以看成是我们的cookie或者localStorage，下面我们来看看怎么使用吧1.安装vuex不是vue内置的所以需要额外安装npmivuex--save2.设置仓库在src下面新建一个文件夹，这里我新建一个store/index.js,内容大致为：impor...

下面这里是我自己写的一个小型的vue，原理就是proxy：//Proxy天生没有prototype，因此要加上，不然extends会报错Proxy.prototype=Proxy.prototype||Object.prototypeclassmyVueextendsProxy{constructor(options)...

在此之前，我们先谈谈前端项目的性能优化。优化前端项目无非就是2方面的优化：一、网络性能优化（重点）减少请求数量（webpack的天职就是打包）减少请求资源大小（压缩gzip,后端会完成）CDN加速、负载均衡（运维负责）二、运行性能优化减少DOM操作减少图片数量显而易见的，我们前端除了一些游戏、WEBGL项目、有大量DO...

详细可以看： https://www.kancloud.cn/yunye/axios/234845这里介绍日常使用得比较多的get和post：importaxiosfrom'axios'//getaxios.get('url~~~',{params:{data1:123,data2:456}}).then(r...

通过上篇博文提到的方法我们可以触发子组件的某个事件来实现调用子组件的某些资源（例如数据和方法），但是更多的情况下我们会想不通过触发子组件的事件，而直接调用子组件的资源这个时候我们就需要用到ref了,使用也不难<template><div><myChildref="child1">&l...

父子组件的信息传递无碍就是父组件给子组件传值（props和$attrs）和父组件触发子组件的事件（$emit）之前已经谈过了父组件给子组件传值了，现在来说说父组件触发子组件的自定义事件吧～～实际上挺简单：父组件：<template><div><my-childabcClick="sayHe...

 我们自定义组件的时候有时候需要往组件里面插一些内容：//定义一个组件test，插值内容用slog来代替exportdefault{name:'test',template:`<div><div>这里是test组件</div><slotname="content1"&...

Vue实例的生命钩子总共有10个先上官方图：下面时一个vue实例定义钩子函数的例子：varapp=newVue({el:'#app',beforeCreate:function(){console.log('1-beforeCreate初始化之后');},created:function(){console.log('...

1.mount挂载vm.$mount('#app')2.销毁vm.$destroy()3.刷新实例vm.$forceUpdate()4.更新后的操作vm.$nextTick(function(){//.....})5.扩展方法vm.on('方法名',function(){//....})6.扩展一次性方法vm.once...

vue有四个全局指令：directive、extent、set、componentdirective:自定义指令//写一个改变颜色的指令Vue.directive('amie',function(el,binding,vnode){el.style='color:'+binding.value;});//HTML<...

1.template标签（非单文件组件）<templateid="t1"><h2>66666666</h2></template><script>newVue({template:'#t1'})</script>2.template标签单页面组件和...

过去我们在vue的父子组件传值的时候，我们先需要的子组件上用props注册一些属性：<template><div>props:{{name}},{{age}}或者{{$props['name']}},{{$props['age']}}</div></template>ex...

1.全局注册组件Vue.componet('name',{template:'<div></div>',data(){retrun{}}})使用了以上这种方式注册的组件可以在全局任何一个地方的template里面使用2.局部组件//组件aexportdefault{template:'<d...

vue实例: importVuefrom'vue';importappfrom'./app';importmyRouterfrom'./routers';newVue({el:'#app',//渲染目标router:myRouter,//前端路由,整个项目的路由都在这template:'<App/>...