vue使用中的小知识点
2018-11-17 15:08
113 查看
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 }
[code]<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的值,来书导航栏的状态
阅读更多相关文章推荐
- Vue.js在使用中的一些注意知识点
- Vue.js在使用中的一些注意知识点
- vue 简介使用
- vue.js入门(一)创建vue对象和常用指令及使用示例
- node.js 之 express框架+MongoDB(前端使用vue)
- vue-resource插件使用
- vuex的基本使用
- Vue新手教程(1)-使用vue-cli脚手架搭建vue环境
- 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用
- Vue中使用Froala Editor时,外部方法调用html.insert()插入内容到光标最后停留位置功能实现
- MOSA 4600 Plus IP PBX FAQ(应用常见知识点-操作使用)
- 使用vue-cli搭建脚手架后引入插件swiper失效
- vue-cli 使用swiper
- vue.js 表单控件 输入绑定 v-model的使用
- 在vue项目中使用Sass/Scss(视窗环境)
- vue使用xe-ajax详细教程 vue+ajax vue+xe-ajax
- Vue组件-使用插槽分发内容
- 详解使用vue-cli脚手架初始化Vue项目下的项目结构
- VUE——vue-amap兼容原生SDK+使用官方UI