vue从入门到开发--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:新手学习，有不对的地方希望大佬们帮忙纠正，万分感谢!)