nuxt

let fileName='事项数据表' //表名 let params={} //传给后台的数据 async exportData(params, fileName) { params = para

http://layer.zuoyanit.com/ ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51dfa65e

第一步：在项目src文件夹建下建一个request文件夹，放index.js配置文件 如果是只有这一个请求要导出export default 第二步：在项目中直接引用，不需要在main.js里配置

app.config.globalProperties.$bus = new mitt() //在组件A中使用事务总线触发某个动作 this.$bus

第一步，先引入这两个 <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script> <script sr

区别： localStorage: 永久存储，关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据，否则数据永远不会消失 sessionSto

obj.age 已经成功添加，但是视图并未刷新： 原因在于在Vue实例创建时， obj.age 并未声明，因此就没有被Vue转换为响应式的属性，通过使用$set()方法来转换响应式的属性

它主要是处理我们在变更完数据以后，无法立刻拿到最新的DOM节点对象的问题 在这个组件中，name属性绑定了名为“getnext”的ref引用，这样我们就可以对该DOM节点进行操作。我们在changeN

第一步：创建一个js文件，eventBus.js， 位置随便放，我是放在了src目录下 eventBus.js 第二步：在兄弟组件中，引入刚才的js 然后在methods里边定义一个函数（要发送数据的

注意要在注册的子组件中加一个ref值，然后通过$refs去调用 ``` //父组件中 <template> <div> <Child ref="child"/> </

+ ={{getblock}} ![image.png](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2de36b4fe4044b7797698

vue路由跳转有四种方式 router-link this.$router.push() this.$router.replace() (用法同push) this.$router.go(n) 一、不

第一步，安装 在命令行中输入安装指令 配置 vuex，在src路径下创建store文件夹，然后创建index.js文件，文件内容如下： 修改main.js： 第二步，在页面中使用state 即可在控制

generate打包 这是静态部署，比较简单 生成dist文件夹，直接放到服务器就可以访问 但是如果后台修改数据，前端还是显示之前打包的数据 项目nuxt.config.js配置的server（反向代

用params时也不用去额外配置路由了 <nuxt-link :to="{name:'wikiarte',params:{id:48}}"/> <nuxt-link :to="

1： Vue 2 项目，安装 Vant 2： Vue 3 项目，安装 Vant 3： 2：新建一个文件夹plugins vant.js文件 3：nuxt.config.js文件中导入 4：在页面中使用

head: { title: 'haoshunjia-h5nuxt', htmlAttrs: { lang: 'en' }, meta: [ { charset: 'utf-8' }, { name:

安装 "@nuxtjs/axios": "^5.13.6", "axios": "^0.24.0", 1.创建一个plugins文件，封装一下axios.js包 axios.js 2.nuxt.con

layouts是页面模板，主要是为了做到无论在任何页面都会显示的内容，例如头部header，或者nav导航，页脚等固定页面 defaults页，layouts文件名固定，不能更改

1.安装nuxt 确保安装了 npx（npx 在 NPM 版本 5.2.0 默认安装了）： 或者用 yarn ： 2.安装axios 3.安装@nuxtjs/proxy(跨域用)