Ctrl+j ：隐藏终端
assets：存放静态资源（eg：公共的CSS文件，项目当中所用的图片文件等）
components：公共组件
App.vue:主入口的组件，根组件
main.js:主入口文件
registerServiceWorker.js:监听文件
template:就是写html的
script:就是写业务逻辑的
localhost:8080
1、文本数据绑定最常见的形式就是使用"Mustache"（双大括号）语法的文本插值
<span>Message:{{msg}}</span>
一般配合js中的data()设置数据
export default{
name:'HelloWorld',
data(){
return{
msg:"消息提示"
}
}
}
文本信息
2、原始HTML
双大括号会将数据解释为普通文本，而非HTML代码。为了输出真正的HTML，你需要使用v-html指令
<p>Using mustaches:{{rawHtml}}</p>
<p>Using v-html directive:<span v-html="rawHtml"></span></p>
data(){
return{
rawHtml:"<a href='wangzhi'>"
}
}
可以识别标签的信息
3、属性Attribute
Mustache语法不能在HTML属性中使用，然而，可以使用v-bind指令
<div v-bind:id="dynamicId"></div>
data(){
return{
dynamicId:1001
}
}
温馨提示：v-bind：可以简写成：
标签的属性
4、使用JavaScript表达式
在我们的模板中，我们一直都只绑定简单的property键值，Vue.js都提供了完全的JavaScript表达式支持
{{number+1}}
{{ok? 'YES':'NO'}}
{{message.split('').reverse().join('')}}
这些表达式会在当前活动实例的数据作用下作为JavaScript被解析。有个限制就是，每个绑定都只能包含单个表达式，所以下面的例子都不会生效。
<!-- 这是语句，不是表达式：-->
{{var a = 1}}
<!-- 流程控制也不会生效，请使用三元表达式-->
{{if (ok){return message}}}
标签：语法,return,JavaScript,js,003,HTML,表达式,data,模板 From： https://www.cnblogs.com/zhangxiaoguo/p/18711472