vue100-120

-elementUI组件库

pc端组件库

移动端组件库

import ElementuI·from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import Vue from 'vue'
Vue.use(ElementUI)

vant

引入，现在变了

import Vue from 'vue'
import Vant from 'vant'
import 'vant/lib/index.css:'
import tabbar from '@/mycomponents/Tabbar'

页面加载完成清除加载
拦截

http.interceptors.responseluse(function (response) {
Toast.clear()

-city组件

1. 316条==> A ,B进行分组
2. 利用转换后的数组，结合组件库进行渲染页面。

data({
return {
cityList:[
{
type: A',
list:[ 'A1','A2','A3' ]},
{
type: 'B',
list: [ 'B1','B2','B3']}
]}

创建26字母

var letterList = []
for (var i = 65; i <91; i++){
console.log(string.fromcharCode(i))
letterList.push()
}
}
list.filter(item => item.pinyin.suEstring(0，1).toUpperCase() a= 'A')

当城市大于0再走这个函数

newList.length> 0 && cityList.push({
type: letter,
list: newList
})
})

vuex引入

VUE运行必须经过Mutations

this.$store.commit( 'changecityName ', item.name)
this.$router.back()


export default new Vuex.Store({
// state公共状态
state: {
cityId: '310100',
cityName: '上海'
}，
mutations: {
changecityName(state, cityName){
state.cityName = cityName
// console.log(cityNameH)
}
})

vuex管理保存公共状态，（分散在各个组件内的状态，统一管理，)
vuex默认是管理在内存，一刷新页面，公共状态就丢
vuex持久化-todo
只能支持同步

(1)state:单一状态树,每个应用将仅仅包含一个store 实例。
this.$store.state.状态名字...mapState(["title"])(2)getters:可以从store中的state中派生出一些状态，getters的返回值会根据它的依赖被缓存起来，且只有当它的依赖值发生了改变才会被重新计算。\ast 可以认为是store的计算属性\ast this.$store.getters.计算属性名字…mapGetters([“getFilms”])

新写法
methods: {
…mapActions([ ‘getcinemaData’ ])，