补:vue脚手架(vue-cli)
《0.在脚手架中我们是如何定义标签组件的名称的呢?》
这是我在app组件中的,因为我引入import Student from "...",这句话即是将我暴露的内容重命名为Student.
然后我在compents中也是将这个组件命名为School,则触发简写形式
《在尝试的过程中出现的错误》
Vue脚手架报错 Component name “Student“ should always be multi-word vue/multi-word-component-names
报错分析:
根据提示信息可知是组件名出了问题,报错信息翻译过来大概就是组件名"Student"应该总是使用 多个单词拼接横线组成的。
但是组件名也是可以使用单个单词的,只是官方文档上面的风格建议我们使用大驼峰或使用“-”衔接的方式而已。
通过后续学习了解到,这其实是语法检查的时候把不规范的代码(即命名不规范)当成了错误。
修改方案:
修改组件名,使其符合命名规范。例如:StudentName或者student-name。
修改配置项,关闭语法检查:
《1.关于render》
《2.关于ref--主要主要作用是减少我们主动操作DOM》
其,其实不仅在vc中有,在vm身上也有
例子:
《3.关于prop配置项》
首先说清楚prop存在的意义:
1.比如我有一个组件写的很好,老王也想用,但老王只想改变其中几个数据,即其想复用我的组件
这时其在拿着我的组件再写一遍有点不太好
2.我一个组件想用父组件给的数据,这时怎么办?
如图这是我App父组件,直接传值给子组件student
说明一下传值,可以用v-bind:"数据名称"=“表达式”,这样的方式传入个表达式进去
props这个配置项中写的是要使用的父组件传过来的数据,在子组件中申请要使用,然后直接使用即可
注意:在props中注册过的数据就不要再写到data中去了
《props在vc身上的体现》
兄弟们感受到了什么?是不是用props注册的数据属性也到vc身上了,而且还有getter与setter,
而且props中的数据是比在data中写的数据优先级更高,我们甚至可以在data中写:
data(){
return {
mylove:this.love //直接用props中注册的数据
}
}
《4.关于mixins配置项》
mixins存在的意义主要是为了在很多组件中可能很多都要用到某个data,methods,watch, computed等,则他们都可以写进mixin.js这个文件中
如:我写了如下的
然后在student.vue中,用引入的方式
在其中通过mixins这个配置项表示要用,然后其会将这个与我student.vue中的methods做个融入,当发生冲突时,以我组件中为主
《还有是全局注册》
在main.js中写这时,vm,vc都有这个了
使用方式是:
在组件中
methods:{
showself(){
this.showself()
}
}
《插件的有关内容》
大部分插件的骨架长成这样:
其能拿到vue作为参数,那么就可以在vue身上定义很多方式等,即加强了vue
当我下载了一个插件时,我想用那么如图应用,在main.js中
《scoped(作用域)》