vue进阶
vue全局组件
组件的认识:
组件可以扩展html元素,封装可重用代码
简单理解:组件就是自定义标签,内部储存了很多html代码
组件的分类:
1.全局组件:在所有vue实例中(它所挂载的元素下面有效)有效
创建按全局组件的语法格式:
vue.component(“组件名”,{
template:“html元素”
})
注意事项:
1.组件名问题:如果命名是驼峰命名,使用时名字应该用大写进行分割,并且以横杠分割
2.以后取组件名的时候统一小写
3.定义组件模板的时候,必须有且一个根元素,否则不能正常渲染组件
2.局部组件:在自己vue实例中(它所挂载的元素下面有效)有效
路由
路由时负责将进入的浏览器请求映射到特定的组件代码中,url地址映射到组件(html代码)
做路由:
1.准备组件
2.映射关系(url映射组件)
3.告诉vue我要使用路由
3.组件渲染的位置
生命周期
create:表示能拿到vue实例中的data和methods数据
mounted:挂载完毕,表示vue实例初始化完毕
计算属性
对复杂的运算进行抽取
Watch
主要是监听值的变化
webpack
一个打包工具
它是把一些小块文件最终打成一个大文件