vue 基础知识 随笔

Posted 2020-09-06 半夏微澜ぺ

window.localStorage.gettItem("someItem"||[])//如果localStorage中的someItem不存在就返回一个空数组

window.localStorage.setItem("someItem",someValue)//向localStrorage中存入一个便变量 someItem

const  ES6的规范   定义一个常量

export 相当于 model.export() 就是导出这个对象  

//导出的方法放在这里

export default{

　　save(){

　　　　//return sonmething;
　　}

//ES6d的语法，定义一个方法 相当于save:function(){//return sonmething;}   vue推荐使用save(){//return sonmething;}

}

//导入方法import

import store form ‘./store‘   ES6的语法  相当于  import store form ‘./store.vue‘

这样就可以使用store中的方法     store.someMethod 

 

watch

handler

deep

 

划分组件

功能模块：

select   pagenation

页面区域    header  footer    sidebar

Vuejs组件之间的调用------另外一个重要选项   components

import Header form ‘./header‘

只导入组件还是不能使用，需要组件注册

import Header form ‘./header‘

import Header form ‘./myFirstComponent‘

new Vue({

　　　　components:{

　　　　　　　　Header,myFirstComponent//组件注册  ，会后就可以在当前页面使用header组件了 tip:在html中vue会把驼峰写法改成小写加-的写法

　　　　　　}
});

使用：

<header></header>

<my-first-component></my-first-component>

Vuejs之间的通信   -----props