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