Vue实现灯泡随开关亮与灭

一、各个块中负责的内容

注：本文不阐述如何实现Vue运行环境，请酌情阅读。
Vue.js就是js的一个框架，说白了也是基于js 进行开发的，开发语言并没有变化，出现变化的在于新的标签以及增加了一些新的功能。

1.template部分

template部分主要写页面部分。

2.script部分

该部分主要写js内容，数据渲染（数据绑定）在

export default{
	data(){
		return(){
			//数据渲染（说白了就是对数据进行初始化操作）
		}
	}
}

例如：

<template>
	<div class = "app">
		names：{
  {name}} //两个大括号表示将数据name在script中绑定数据
	</div>
</template>
<script>
	export default({
		data(){
			return(){
				name:"这是关于字段的数据绑定"
			}
		}
	})
</script>

运行结果：

names：这是关于字段的数据绑定

此外，script的函数内容也在该部分内编辑，如：

<template>
	<div class="app" >
		<div>{