vue使用中的小知识点

1、vue-cli的index.html中引入的资源要放置于static文件夹中

2、vue属于数据驱动，使用vuex时，为了使数据更加规整，可以给每个页面都单独建立一个对象，

这样在各个对象引入时，也只需要引入该页面的对象即可。const state={login:{},user:{}}   ...mapState(['login'])

3、引入的插件需要在main.js中定义后才能使用；Vue.use(axios);Vue.prototype.$axios=axios;

4、使用vuex时，使用的方法需要在store.js中再次引入和定义

5、一些jquery类型的插件，可以在index.html中引入后使用

6、通过router-link进入的页面重新渲染，如果数据状态需要保存，可以直接放到store.js中，需要初始化的数据放置于本组件

7、保存组件状态也可以使用keep-alive标签，使用vue-router时,在需要缓存的route中加入meta: { keepAlive: true }

<keep-alive>
    <router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>

8、引入的组件中没有点击事件，直接在组件标签中加入的点击事件也是无效的

9、页面的初始化和数据请求一般放置于created(){}周期中，但像echarts类的图表渲染，dom的操作要放到mounted(){}中

10、可以根据路由的地址this.$route.path的值，来书导航栏的状态