‘.vue’文件(非常重要)
2024-08-24 00:59:43
‘.vue’文件
Vue自定义了一种后缀名名字为
.vue
文件,它将html
,js
,css
整合成一个文件,和里面template
script
style
三个区别分别依次对应。12345678910<template><!--这里写 html --><template/><script>export default {};// 这里写js</script><style lang = "less" scoped><!--这里写css--></style>一个
.vue
文件就等于单独组件。因为.vue
文件是自定义的,浏览器不识别,所以要对该文件进行解析,在webpack构建中,需要安装vue-loader 对.vue文件进行解析。template
里面最外层必须是只有一个容器script
中的 export default {} 即导出这个组件,外部可以引用。style
中的lang
指额外表示支持的语言可以让编辑器识别,scoped
指这里写的css只适用于该组件。
最新文章
- Git中三种文件状态及其转换
- 在Eclipse中创建Maven多模块工程的例子
- jquery插件之表格隔行变色并鼠标滑过高亮显示
- Delphi托盘类 收集
- windows系统下Python环境的搭建
- UserAccountInfo时间倒计时
- 【现代程序设计】【homework-02】【11061027】
- 学习笔记_Java_day13_JSTL标签库(1、2、3、4、5、6、7、8)
- 「Poetize7」足球比赛
- mini-httpd源码分析-match.h
- OAuth打造webapi认证服务
- Oracle空间查询 ORA-28595
- Qt编写QUI皮肤生成器
- Python爬虫入门教程 64-100 反爬教科书级别的网站-汽车之家,字体反爬之二
- RabbitMQ死信队列另类用法之复合死信
- pandas操作
- 使用Java反射优化多个方法调用
- LOJ #2026「JLOI / SHOI2016」成绩比较
- 20145208 蔡野 《网络对抗》Exp6 信息搜集与漏洞扫描
- SqlParameter 多个参数动态拼接解决参数化问题