- 博客(7)
- 收藏
- 关注
RSS订阅
3原创 vue状态管理，vue数据共用
vue单页面程序共享数据，状态管理方法，vuex的简化版在程序文件夹中创建一个js文件，以保存所有共享数据// 共享数据const Store = { state: { name: '', age: '', sex:'' }, setName(name) { this.state.name = name console.log('set', this.state.name) }, /
2021-08-31 13:48:57
291
原创 在vue中做js全局引用的组件
在vue中做出全局组件，js引用的那种平常所使用的组件都是在组件内注册然后通过标签引用，或者全局注册，通过标签使用，这样模块化开发是极好的。但有时候我们不需要复杂的业务逻辑，只是要一个简单的提示弹窗，但是如果也像之前这样注册组件并在模板中添加标签来用的话，这样所有的组件都需要添加标签，而且在代码里面添加标签和原本的业务逻辑没啥关系，所以这里提供js调用的方式来使用简单的全局组件写组件全局js调用的组件和一般组件其实是一样的，只是挂载方式不同，所以关于组件的编写和普通的.vue文件一样编写就ok，值得注
2021-04-12 17:14:19
586
原创 vue脚手架中axios的配置与使用
vue脚手架中axios的使用vue脚手架项目中安装axios在终端输入以下命令安装axiosnpm install axios然后在项目的main.js中引入axios，一般新建的项目即使安装了axios依赖也不会自己引入，这里需要手动引一下import axios from 'axios'//引入完成之后需要挂载到vue上Vue.prototype.$http = axios然后就可以在项目中使用axios来进行网络请求了this.$http.get('10.127.0.1:808
2021-04-09 15:47:47
4297
原创 vue脚手架中父子组件之间传值
vue脚手架中使用父子组件，以及父子组件之间传值组件注册，在项目的components中注册个控件组件作为子组件在子组件中的项目结构里面的export default { props: { // 数据名 id: { // 数据类型 type: String, // 默认值 default: "123456789", }, // 数据名 ouder: { // 数据类型 type: Stri
2021-04-09 15:12:24
1118
原创 vueRouter去掉导航中的/#/
使用vue脚手架和vueRouter之后怎么去掉路由中难看的/#/去掉vueRouter本身加的/#/此方法在官方网站上有描述，只需要简单的在router中设置为history模式就好const router = new VueRouter({ mode: 'history', routes: [...]})后端支持仅仅修改为history模式是不够的，这种方式需要后端支持才行，因为我们使用的是单页面程序，后端是没有路由导航的，所以后端要放弃导航，全都放行到前端来，然后前端路由一个个匹
2021-04-09 14:04:31
743
原创 vue脚手架使用vue-i18n实现国际化多语言
vue脚手架使用vue-i18n实现国际化多语言vue脚手架使用vue-i18n实现国际化多语言安装vue-i18n对vue-i18n挂载配置使用i18n语法切换语言包vue脚手架使用vue-i18n实现国际化多语言安装vue-i18n安装vue-i18n很简单，直接使用npm安装就oknpm install vue-i18n切记：不熟的话不要使用官网得脚手架安装方法对vue-i18n挂载配置安装完成之后我们到main.js中引入并设置挂载import Vue from 'vue'imp
2021-04-09 12:00:56
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人