为什么vue要少写行内样式

vue要少写行内样式原因：发现根本不需要再配置这些了build/webpack.base.conf.js中module。

{rules：[{test:/\.vue$/,loader:'vue-loader',options:vueLoaderConfig//vueLoaderConfig},]}其实vue-cli中已经完全配置好提取CSS到单独文件了具体配置可以查看文件build/vue-loader.conf.js中使用时直接在。

vue文件中@import就好了@import'./assets/css/base.css'//这里用link的时候除了路径问题外style标签下的样式也会无效。

主要功能：

分镜头：通过点按改变视频的分镜数实现简易的剪辑效果，而剪辑能够让视频传达更多的信息。

实时滤镜：由电影调色专家调制的12款滤镜供选择，切换至前置摄像头会出现自然的自拍美颜功能。

贴纸：支持40款手绘贴纸，还可以编辑贴纸的出现时间，自由画幅设置：支持1:1、16:9、2.39:1 三种画幅的视频拍摄。

分享：支持分享至社交网络。

vue项目中常常会根据某种状态添加样式一些样式，比如每个网站顶部都会根据进入某个页面添加某些样式。

解决方法：可以根据 $route路由上判断

假如某个路由$route.path里面有地址栏路由，即indexOf不等于-1，即可添加某种样式。

---