vue使用中遇到的问题

动态 未结 0 646
江天 VIP1 2018年11月15日 22:11:00
悬赏:5积分
<p>今天开始正式vue项目。</p><p>遇到的问题一,国外镜像有的被强了,所以安装vue使用npm,很多依赖无法获取到导致安装失败。万能的淘宝提供了解决方案,其技术团队在国内搞了镜像,使用cnpm install即可成功安装vue及各种依赖。</p><p>遇到的问题二,在使用组件element-ui的时候,看其文档,第二章安装主题,试着执行了一下,因为其中有安装失败,导致组件ansi-html始终被nodejs报错,目录或文件不存在。于是按照网友的提示将node_modules文件夹删除了,然后重新cnpm install即正常了。</p><p>后来还遇到《新手求解,Error: Cannot find module 'array-includes'?》,跟ansi-html报的一样的错误,解决方案,<span style="color:rgb(187, 187, 187);">传送门:https://segmentfault.com/q/1010000013504323</span></p><p>遇到的问题三,给模块添加的私有样式,如下:</p><pre><code class="larry-codes layui-box layui-code-view layui-code-notepad"><h3 class="layui-code-h3">code</h3><ol class="layui-code-ol"><li><h3 class="layui-code-h3">code</h3><ol class="layui-code-ol"><li><br> .tj-s-top .el-input input {<br> height: 36px!important;<br> line-height: 36px!important;<br> }<br></li></ol></li></ol></code></pre><p>不起作用。但是去掉scoped却是生效的。</p><p>解决方法:</p><blockquote>  之前一直很困扰css的作用域问题,即使是模块化编程下,在对应的模块的js中import css进来,这个css仍然是全局的。导致在css中需要加上对应模块的html的id/class 使用css选择器 保证css的作用域不会变成全局 而被其它模块的css污染。  在vue中引入了scoped这个概念,scoped的设计思想就是让当前组件的样式不会修改到其它地方的样式,使用了>  但是要注意scoped的作用域,因为权重的问题,如果是在子组件使用了scoped,那么在父组件中是不能直接修改子组件的样式的,需要在父组件中使用vue的深度作用选择器。<br></blockquote><pre><code class="larry-codes layui-box layui-code-view layui-code-notepad"><h3 class="layui-code-h3">code</h3><ol class="layui-code-ol"><li>.parent >>> .children{ /* ... */ }<br><br>.parent /deep/ .children{ /* ... */ }</li></ol></code></pre><p><br></p>
回帖
  • 消灭零回复
提交回复
您的回贴若被采纳将获得悬赏积分;但恶意灌水广告贴将会受到系统惩罚,共同营造良好交流氛围