Vue学习
关注
分享
扫一扫
idol_watch
这个作者很懒，什么都没留下…
展开
-
Vue学习(7) Ant Design Vue Pro手把手搭建（2）实现定制化主题
我们打开https://preview.pro.ant.design/dashboard/analysis,可以看到页面上有个，当我们点击它时就会有个像抽屉一样的主题设置页划出，我们可以随便选择我们想要的导航栏位置，页面主题色等等，现在，我们就来实现这个效果，我们今天就实现其中的一个导航栏颜色定制。一：实现抽屉效果我们将这个设置页封装成一个组件，在components下新建SettingD...原创 2020-04-08 11:02:05 · 2290 阅读 · 0 评论 -
Vue学习(6) Ant-design-vue-pro手把手搭建(1)
首先创建一个使用ant-designUI框架的项目，创建过程见https://blog.csdn.net/qq_41957257/article/details/105322193,根据这个过程，项目已经包括less处理器、Jest单元测试等功能，还可实现按需加载。下面，我们就在这个的基础上逐步搭建Vue版的ant-design-pro。一.可扩展性路由创建ant-design-pro包括...原创 2020-04-07 22:45:30 · 12059 阅读 · 2 评论 -
Vue学习(5)使用单元测试
在组件开发的过程中，我们常使用单元测试来保证组件不会出问题，因此掌握必要的单元检测知识也很必要，在前面的构建Ant Design项目时，我们就选用了Jest来进行单元测试，下面就展示单元测试的一个小例子。首先，我们写一个计数器----Counter.vue,点击"加1”按钮实现数字加1<template> <div> count:{{cou...原创 2020-04-07 20:29:23 · 458 阅读 · 0 评论 -
Vue学习(4)Vuex探索（下）修改Vuex里的状态
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。我们接着上一章的例子，我们想增加明星的名字，应该这样做：在store的mutations里添加addStar方法 mutations: { addStar(state){ state.stars.push({name:'李连杰',sex:'男'}) } },在A组件里通过this...原创 2020-04-06 19:26:48 · 470 阅读 · 0 评论 -
vue学习(3)Vuex探索（上）
1.Vuex状态Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,其专门应对于多个组件共享一个状态的情况。多个组件共享一个状态时，可能需要进行状态变更，然而兄弟组件间的状态传递是做不到的，因此我们需要把这个共享的状态抽离出来，以全局单例模式进行管理，这就是Vuex的作用。下面用一个简单的示例来说明先创建三个组件，每个组件都使用用户的名字A.Vue<templa...原创 2020-04-05 21:53:49 · 321 阅读 · 1 评论 -
vue学习（2）手把手教你手动构建ant design项目
首先确保你的vue-cli已经到了3.0以上，否则不能使用vue create命令。全局安装cnpm i -g @vue/cli@3.3.0首先,打开cmd，切换到你想放置项目的文件夹，如我想放到D:/学习，就如下设置然后使用vue create 创建一个项目,名字任取，我取做vue_test,然后它会让你选择默认，还是手动添加，我们选择第二个，即Manually se...原创 2020-04-05 14:59:40 · 5973 阅读 · 0 评论 -
Vue学习(1) :Vue基本知识
使用：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>第一个Vue页面:显示Hello World：<!DOCTYPE html><html lang="en"> <head> <meta charset=...原创 2020-04-03 10:39:47 · 450 阅读 · 0 评论