[Vuex]Vuex的状态:state
注意:本文基于单文件组件开发模式,假定已经编写了一个名为store的js用来返回一个Vuex Store,导入了Vuex并添加了Vue.use(Vuex)等必要的代码
state
是Vuex
存储数据的地方。
注意:本文基于单文件组件开发模式,假定已经编写了一个名为store的js用来返回一个Vuex Store,导入了Vuex并添加了Vue.use(Vuex)等必要的代码
state
是Vuex
存储数据的地方。
Swiper
是一个非常好用的滑动插件,可以用来实现轮播图、代替浏览器默认的滚动条。中文主页:
在Vue中,Swiper
对应的是Vue-Awesome-Swiper
,NPM的地址:
基本的使用比较简单,首先安装Vue-Awesome-Swiper
:
npm install vue-awesome-swiper --save
大部分时间,Vue
都用来开发单页面应用程序(single page web application,SPA),但有时也需要开发多页面应用,这就要配置Vue CLI
。有两种方式来配置Vue CLI
,一是在项目的package.json
中添加一个vue
字段,在这个字段中配置相关的功能,二是在项目根目录新建一个vue.config.js
,这个文件会被Vue CLI
合并到webpack
的配置中。这里以vue.config.js
为例,来配置一个多页面的应用。
Vue自定义指令用起来就像Vue内置的v-model
、v-on
...之类,只不过实现了一些自己想要的功能。因为Vue自定义指令的钩子函数会传入一个el
,它是自定义指令绑定到的那个DOM元素,所以Vue自定义指令可以用来直接和DOM打交道。
自定义指令分为全局和组件内的局部指令。全局自定义指令注册方法:
Vue.directive('myDirective', {
// inserted是内置的钩子函数
inserted: function (el) {
// 一些操作...
},
// 指令的其他内容和钩子函数,如果需要的话...
})