随笔分类 - Vue
Vue 全家桶的学习与使用
摘要：什么是 vuex ？这里不进行过多介绍，请直接看官网 Vuex 是什么？ | Vuex (vuejs.org) Vuex 主要有四部分： 1. state： 包含了 store 中存储的各个状态。 2. getter：类似于 Vue 中的计算属性，根据其他 getter 或 state 计算返回值。
阅读全文
摘要：先上效果图（不符合你的需求，那略过...） 组件地址： 原组件链接：https://github.com/hzzly/vue-date-picker （原作者） 所改造的组件链接：https://gitee.com/oukele/vue-components/tree/master/date-pic
阅读全文
摘要：第一个坑： 为啥，网上别人的项目结构中，都有 config/index.js 这个文件...（因为他那个项目是属于 Vue-cli2.0版本来着 ） Vue-cli.3 版本中，需要 与 package.json 同一个目录中 ，新建一个 vue.config.js 即可 vue.config.js
阅读全文
摘要：先看看，axios.post 传输参数的格式 仔细看，Content-Type 为 application/json 类型的，我们需要将这个数据类型变成 application/x-www-form-urlencoded 这种类型的，后台才能接收得到 方式一：（使用 qs ） 使用 qs 模块，你用
阅读全文
摘要：路由定义： 动态赋值： <router-link :to="{path:'/old_data_details/params/'+item.id}" > </router-link>
阅读全文
摘要：步骤一：vue add axios （向项目添加axios） 步骤二：在main.js 中 修改 如图 步骤三：在组件使用时，直接 this.$http.get().then() 即可......
阅读全文
摘要：步骤一：先 安装 cnpm cmd命令下 输入 npm install -g cnpm --registry=http://registry.npm.taobao.org (由于npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像 cnpm)
阅读全文
摘要：本次演示，项目所需iview，router 首先 在 views 目录 新建 两个 组件 ( login.vue ，index.vue ) login.vue <template> <div class="wrap" id="wrap"> <div class="logGet"> <!-- 头部提示
阅读全文
摘要：在router.js文件中设置默认的路由。
阅读全文
摘要：结果：
阅读全文
摘要：所使用的工具：谷歌浏览器、Nodejs(自带npm)、HBuilder 0、要先安装Nodejs，下载安装即可 0-1、安装vue-cli，打开cmd 输入 npm install -g @vue/cli 安装cli服务，安装完后，我们就有一个vue命令可以被调用了。 1、使用 vue 命令 创建一
阅读全文
摘要：演示所使用到的工具：谷歌浏览器、HBuilder、cmd命令窗口、nodejs（自带npm）。 1、先使用 vue create 命令创建一个项目，等待创建完成。 2、切换到项目中。 3、使用 vue 命令添加 elementUI的插件(element) 4、选择Fully import(全部导入)
阅读全文
摘要：1、引入Vue.js 2、编写代码 代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1
阅读全文
摘要：错误信息： [Vue warn]: Unknown custom element: <list> - did you register the component correctly? For recursive components, make sure to provide the "name"
阅读全文
摘要：自定义Vue组件的三步骤 1、创建组件 2、注册组件 3、使用组件 创建组件 //创建组件 var myclock = { data(){ return { clock: new Date().toLocaleString(), _timer:null } }, methods:{ updateTi
阅读全文
摘要：第一步：下载HBuilder X（建议下载开发版） 第二步：下载个模拟器，我这里使用的是（MuMu模拟器） 第三步:在HBuilder X 中新建一个项目 然后，打开模拟器 如果 HBuilder x 未检测到 模拟器，那就需要adb命令 adb命令的使用: 1、找到HBuilder X 的目录 2
阅读全文