1、原生态工作站组成

index.html  --------------------------------默认启动页面

package.json -----------------------------npm 包配置文件

src -----------------------------------------启动组件

---App.vue  ------------------------------

---assets    ------------------------------

----------logo.png

----main.js   ----------------------------Vue 实例启动入口

webpack     ----------------------------webpack 配置文件

2、组建模版构成

<template>

视图模版 可调用script里定义的变量或函数,调用语法用Mustache 语法即  {{变量}}

数据模型

<div id="app">

<h1>{{title}}</h1>

</div>

</template>

<style>

组建样式表

</style>

<script>

组建定义  定义数据类型，方法，函数，返回变量或函数，相当于html中的js代码部分，只不过html中script部分在head头部，vue中定义在了footer部分。

数据模型

export default ｛

name : 'app',                          //从Vue2开始，组建模板必须且只能有一个顶层元素

data () {

return {

title:"Hello"

}

}

｝

</script>

上述页面输出值为Hello