分享：nuxt中vue页面下sprict标签内的一些方法

nuxt中vue页面下sprict标签内的一些方法

<sprict>
export default{
//1.head，引入外部css文件，修改页面的标题
head:{
title: '用户注册',
link: [      {rel:'stylesheet',href:'/style/login.css'}    ],
script: []
}，
//2.components，让外部不同的部件进行融合
components: {    
TopNav,   
 HeaderLogo,    
 Footer  },
 //3.data区域，存放数据
 data(){
return{
}
},
//4.methods,存放方法
methods:{
},
//5.watch，监听路由，数据变化
//第一种写法
watch: {      
'$store.state.keyword': function(newValue,oldValue){          
this.searchMap.keyword = newValue;          
this.searchList();      
}  },
//第二种写法
watch:{    
selectAllChecked:{      
async handler(newCart,oldCart){
      },      
      //true代表如果在watch里声明了之后,就会立即先去执行里面的handler方法      
      immediate:false,      
      //深度监听,常用于对象下面属性的改变      
      deep:true    }  }
//6.mounted，异步装入
async mounted(){    
//1.获取token    
let token=sessionStorage.getItem('token');    
if(token){    
//2.登录成功    
let {data:loginer}=await this.$request.getCart();    
this.cart=data.data;  
}else{   
 //2.未登录成功    
 let cartStr=localStorage.getItem('cart');    
 this.cart=JSON.parse(cartStr);  
  }},
}
<script>