scholl组件

methods: {
            // school组件
            getSchoolName(name){
                console.log(name);
            },
            add(value,...arr){
                console.log("触发点击");
                console.log(value);
                this.userName = value;
                console.log(arr);
            }
        },
        components:{
            school
        }
    }

import Vue from 'vue'

import App from './App.vue'

// import demo from './demo.vue'

Vue.config.productionTip = false

const vm = new Vue({

  // 简写形式

  render: h => h(App),

  // render: h => h(demo),

  // 把组件添加到创建模板节点

  data() {

    return {

     

    }

  },

  methods: {

   

  },

})

vm.$mount("#app");

<h1>sessionStorage</h1>
	<button οnclick="addBtn()">点击添加数据</button>
	<button οnclick="getBtn()">点击读取数据</button>
	<button οnclick="removeBtn()">点击删除数据</button>
	<button οnclick="delBtn()">点击删除所有数据</button>
	</body>
	<script>
	let obj = {
	name:"张三",
	age:18,
	sex:"男"
	}
	// 只能存储5MB大小
	// sessionStorage会随着浏览器关闭消失
	// 添加
	function addBtn() {
	sessionStorage.setItem("msg","我是测试的文本");
	sessionStorage.setItem("a",JSON.stringify(obj));
	console.log("触发点击添加数据");
	}
	// 读取
	function getBtn() {
	console.log(sessionStorage.getItem("msg"));
	console.log(sessionStorage.getItem("a"));
	const aa = sessionStorage.getItem("a")
	// JSON.parse转对象格式
	console.log(JSON.parse(aa));
	}
	// 删除
	function removeBtn() {
	sessionStorage.removeItem("msg")
	}
	// 全部删除
	function delBtn() {
	sessionStorage.clear()
	}