20221013 Vue 项目、定义全局变量、组件的使用

233 阅读1分钟

main.js是入口文件,在项目运行时执行

引入环境,全局插件,全局样式(import css路径)等

定义全局变量:

  • 每一个xxx·vue都是一个组件 vuecomponent 组件实例

  • vuecomponent继承Vue

  • vuecomponent·prototype·__proto__=Vue·prototype

  • 把全局变量放到vue的原型空间中

默认样式会传统到子组件

scoped 阻止穿透

lang=“less/sass”  设置预处理器

组件的使用

引入

  • 注册组件

  • 局部注册:在组件实例中注册组件

使用

  • 组件名-name:大驼峰,标签可以写为大驼峰形式,也可以写为-连接形式

  • 组件名-name:,-连接,标签只能写为-连接形式

多个页面使用的组件

  • 创建在components文件夹下

  • 文件名、组件名-name大驼峰,文件名=组件名

页面组件

  • 写在views/pages下

  • 文件夹命名短横线连接

  • 组件名:大驼峰,组件名=文件夹名转成的大驼峰

  • 引入时只需要定位到文件夹名

页面私有组件

  • 在页面文件夹下新建components文件夹,命名规范同src下的components