vue进阶笔记

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

一个打包工具

它是把一些小块文件最终打成一个大文件

发布了40 篇原创文章 · 获赞 6 · 访问量 1340
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览