vue2.0开发入门笔记之.vue文件的生成和使用

这几天新项目用vue2.0开发，由于之前没用过vue，拿到项目框架看到都是.vue文件，

不知道怎么用，以下是关于.vue文件的发现：

1、一个.vue文件是一个封装的组件，在.vue文件里可以写 html, css, js

其中template 中写html 代码，其实就是定义模板。

2、各个.vue之间样式不是独立的，同一选择器在不同的.vue里只要满足选中的条件就可以起作用.比如我在箭头1指的文件里定义了样式 .box{ width:200px; },如果在箭头2指的文件里也有 .box，那么 .box{ width:200px; }就会在箭头2的文件也起作用，除非是在箭头2的文件重新定义样式并覆盖。

3、不使用.vue 单文件时，通过 Vue 构造函数 创建一个 Vue 根实例来启动vuejs 。.vue文件中不用Vue创建实例，用export default 。 .vue文件中 export default 后面的对象 就相当于 new Vue() 构造函数中的接受的对象：

即：

<script>
  export default{
    data:function(){
      return {
        //返回一个对象
      }
    },
    methods:{
      //定义方法
    }
  }
</script>

4、可以引入less等：

5、在route.js中设置跳转路径是，如果调到某一文件夹下的 index.vue文件，则可以省略文件夹后的 index.vue。要跳转到这个文件时：

则下面这两句话是等价的：

所以一般是省略掉文件夹后的index.vue。

以上关于这个.vue的组件应用，希望对您有所帮助。也希望大家多多支持。

# vue文件使用  # vue  # .vue文件的使用  # 浅谈关于.vue文件中style的scoped属性  # 都是  # 是一个  # 是在  # 也有  # 我在  # 会在  # 这几天  # 跳转  # 则可  # 对您  # 不知道怎么  # 创建一个  # 大家多多  # 两句话  # 就可以  # 跳转到  # 没用过  # 选择器  # css  # html 

相关文章： 西安专业网站制作公司有哪些,陕西省建行官方网站？  ppt在线制作免费网站推荐,有什么下载免费的ppt模板网站？  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  平台云上自助建站如何快速打造专业网站？  已有域名如何免费搭建网站？  智能起名网站制作软件有哪些,制作logo的软件？  ,购物网站怎么盈利呢？  临沂网站制作公司有哪些,临沂第四中学官网？  C++时间戳转换成日期时间的步骤和示例代码  建站之星3.0如何解决常见操作问题？  ,柠檬视频怎样兑换vip？  北京网站制作费用多少,建立一个公司网站的费用.有哪些部分,分别要多少钱？  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  ,怎么在广州志愿者网站注册？  如何在云指建站中生成FTP站点？  网站制作专业公司有哪些,如何制作一个企业网站，建设网站的基本步骤有哪些？  韩国网站服务器搭建指南：VPS选购、域名解析与DNS配置推荐  建站之星导航配置指南：自助建站与SEO优化全解析  Thinkphp 中 distinct 的用法解析  北京建设网站制作公司,北京古代建筑博物馆预约官网？  如何用IIS7快速搭建并优化网站站点？  营销式网站制作方案,销售哪个网站招聘效果最好？  建站之星安装提示数据库无法连接如何解决？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  建站主机系统SEO优化与智能配置核心关键词操作指南  ,南京靠谱的征婚网站？  PHP 500报错的快速解决方法  微信小程序 input输入框控件详解及实例（多种示例）  制作网站的过程怎么写,用凡科建站如何制作自己的网站？  c++如何打印函数堆栈信息_c++ backtrace函数与符号名解析【方法】  建站之星体验版：智能建站系统+响应式设计，多端适配快速建站  如何选择高效便捷的WAP商城建站系统？  高防服务器租用指南：配置选择与快速部署攻略  建站ABC备案流程中有哪些关键注意事项？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  网页制作模板网站推荐,网页设计海报之类的素材哪里好？  手机网站制作与建设方案,手机网站如何建设？  如何用低价快速搭建高质量网站？  linux top下的 minerd 木马清除方法  攀枝花网站建设,攀枝花营业执照网上怎么年审？  如何用PHP快速搭建高效网站？分步指南  如何快速搭建安全的FTP站点？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  C++用Dijkstra(迪杰斯特拉)算法求最短路径  建站主机选购指南与交易推荐：核心配置解析  建站主机如何选？高性价比方案全解析  内网网站制作软件,内网的网站如何发布到外网？  如何在IIS中新建站点并解决端口绑定冲突？