vue的使用填坑

  • Post author:
  • Post category:vue


vue中npm下载的依赖存放在node_modules包中

vue依赖版本不符时可能会报错

(如scss的版本过高时,使用scss会报错)

vue是单页面的,如果使用document,将会是全局性的

app.vue是初始主页,main.js是初始js,在该文件注册的包,依赖,组件等将会全局使用

vue的router-link标签中@click事件,绑定的事件会无效,必须使用@click.native才能生效

vue的2.0版本后v-for之后必须要跟:key=“index”

使用router.beforeEach方法必须写完,否则页面不会跳转

vue css的scoped属性:实现组件的私有化,不对全局造成样式污染,表示当前style属性只属于当前模块(有继承关系的组件会被该属性影响到,所以全局文件中的style不可以加scoped)

scss和less css扩展语言(预处理语言)

vue 中css穿透(深度选择器)(scss和less下才可以用 /deep/ 其余的使用>>>)

.overScroll /deep/ .ant-table-body{


overflow-y: scroll !important;

}

vue中v-if和v-show都会隐藏内容,但v-if是销毁内容(vue页面会重新渲染),v-show是不显示内容(vue页面不会重新渲染),在vue中(数据驱动视图),v-if隐藏整个组件时,组件数据会被销毁,v-show隐藏组件,组件数据不会销毁。



版权声明:本文为weixin_44724060原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。