博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue从入门到开发--2-基本结构
阅读量:4944 次
发布时间:2019-06-11

本文共 661 字,大约阅读时间需要 2 分钟。

1.App.vue 是根文件,所有的其他组件的执行均需要在此文件内导入并调用才能实现。

  

  import (导入其他组件) Test (其他组件的名字) from ‘./components/test’(组件的位置);

  export default{} 调用组件 name:’’ 当前作用域 conponents:{}内含各个组件的名字;

  <template><div id=’app’>这是vue容器,所有的组件都在此处调用实现</div></template>。

  

  文件内,我们主要的代码都在src文件夹内,assets一般存放图片,css等静态文件,conponents一般存放vue组件,app.vue是根组件,main.js是设置路由服务等的文件.

2.组件形成

  1)结构部分template 每一个组件必须有这个标签;

  

  2)script逻辑语法部分

  

  export default (使组件可被外部组件调用) name(重要属性:和文件名字一样);

  data(){return{}} 显示的数据 return以对象的形式返回数据;

  所有的数据都在data内实现,所有的事件都在methods内实现。

3)style样式部分

   

  scoped 固定样式作用域,只对当前结构部分起作用.

 

(PS:新手学习,有不对的地方希望大佬们帮忙纠正,万分感谢!)

转载于:https://www.cnblogs.com/moutudou/p/7263323.html

你可能感兴趣的文章
JavaScript易错知识点整理
查看>>
Biological Clocks
查看>>
2018-10-11
查看>>
国内NLP的那些人那些会
查看>>
SQL 将一个表中的所有记录插入到一个临时表中
查看>>
nmea协议
查看>>
js 中对象的特性
查看>>
hdoj3714【三分】
查看>>
嵌入式开发入门(4)—驱动入门之时序图分析【20121211修改,未完】
查看>>
Python 使用字符串
查看>>
Quartz Core之CALayer
查看>>
java:一个项目的开发过程(转)
查看>>
express框架学习笔记
查看>>
操作系统下载路径
查看>>
网站开发 关于图片压缩 以及图片使用
查看>>
hive的count(distinct id)测试--慎用
查看>>
第九周周总结
查看>>
Logistic Regression
查看>>
8lession-基础类型转化
查看>>
FlashCS5作成SWC,在Flex4中使用(1)
查看>>