vue--5.nextTick、局部和全局、单文件组件、单文件组件的属性、css相关技术

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

1.nextTick

2.局部和全局

全局:所有组件共同的功能(指令,过滤器,组件)

局部:只有当前组件的功能(指令,过滤器,组件)

        全局组件: 组件的属性不能用大写字母 组件的名字可以用驼峰命名法,但是使用的时候必须用连字符 全局注册的组件使用时不能使用单标签(不会报错,但是只能使用一次 多次使用只显示第一个)

注册的组件不要跟系统标签同名

        局部组件: 一个vm实例可以有多个局部组件,但是只能供当前vm实例使用

示例如下：

 

3.单文件组件

1.在项目下创建vue.config.js 就是vue的打包配置文件:

const { defineConfig } = require('@vue/cli-service')

module.exports = defineConfig({

          transpileDependencies: true,

          lintOnSave:false    //关闭eslint的严格模式检测

})

2.引入文件时 @代表了src目录的意思  这个@是vue的脚手架集成的basepath 其他框架中没有@不要记混乱了  

3.注册的组件名不能跟vue中的和原生DOM的重名,注册的名字是驼峰 使用时就用连字符

4.注册的组件 使用时可以用双标签也可以用单标签: 如果有插槽必须用双标签

5.如果.vue的script注释了  在打包的时候 vue的打包环境 会帮我们把这个文件解析为一个对象 然后给这个对象添加一个template属性  值为解析的template页面模板字符串,也就是说 .vue文件中 可以不要