随笔分类 -  Vue相关

Vue.js、Element-UI
Vue非父子组件传值方式。
摘要：项目结构： 1.事件总线方式： ①.先建util目录，然后再目录里新建bus.js文件，bus.js文件内容： //非父子组件传值之事件总线。 //先建一个bus.js文件，然后在需要传递信息的地方引入。 //import bus from './bus.js' //类似C#中定义一个类，然后实例化 阅读全文
posted @ 2021-04-20 19:29 longdb 阅读(927) 评论(0) 推荐(0)
vuex模块化。
摘要：项目结构： 1：在src下新建目录store，然后再建storemodule.js文件，把 上篇 store.js文件抽出来： 2：在store目录下再建countsub.js文件，抽离上篇store.js文件中vuex的四部分内容，然后在storemodule.js文件中注册： 3：修改main. 阅读全文
posted @ 2019-12-14 14:11 longdb 阅读(543) 评论(2) 推荐(0)
vuex简单使用。
摘要：项目结构： 1：首先在项目中新建store.js文件，.js文件内容如下： 2：在main.js中注册store.js文件，js文件内容如下： 3：在views目录下新建Store.vue组件，在该组件中的计算属性中监听，组件内容如下： 1 <template> 2 <div> 3 <!-- <h5 阅读全文
posted @ 2019-12-14 11:23 longdb 阅读(310) 评论(0) 推荐(0)
docker + nginx 部署vuejs3.0项目
摘要：1：用指令 npm run build 打包vusjs项目（该项目是在github上下载的）。打包成功后会生成一个目录dist。 2：把该文件夹拷贝到腾讯云服务器（操作系统 centos7）下的/usr/share目录下。 3：在/usr/share目录下新建Dockerfile文件 dockerf 阅读全文
posted @ 2019-04-25 20:10 longdb 阅读(22564) 评论(0) 推荐(2)
vue.js - axios Get、Post方法传参给 .net core webapi。
摘要：一：axios中是 Get请求： 1:在vue项目中通过params属性携带数据： 2：然后.net core webapi 中通过Query取出数据： 二：axios中是 Post 请求： 1：vue中通过params或者data属性携带数据： 2：如果是通过params属性，则在.net cor 阅读全文
posted @ 2019-02-15 16:51 longdb 阅读(4776) 评论(0) 推荐(0)
Vue.js路由跳转带参数到模板组件。
摘要：从SalesOrderQuery组件跳到SalesOrder组件，并且通过params属性携带数据。 SalesOrder组件获取params中的数据： 阅读全文
posted @ 2019-01-06 13:52 longdb 阅读(1504) 评论(0) 推荐(0)