Vue
Vue学习相关
X北辰北
坐标成都,专注于Web开发,主要技术栈为React。
展开
-
vue项目中使用vue-router
说明 此处仅做简单记录,并没有做详细的整理。 操作步骤 1、通过以下命令安装路由,如下: npm install vue-router --save-dev 2、在src根目录下新建router文件夹,然后新建router.js文件,输入以下代码: import Vue from 'vue'; import Router from 'vue-router'; import DataSource from '../components/system/content/dataSour.原创 2021-04-16 12:54:19 · 706 阅读 · 0 评论 -
vue项目中使用vuex
说明 此处仅做简单的记录,并没有详细的去整理。 步骤 1、通过命令在项目根目录安装vuex npm install vuex --save-dev 2、然后在src目录下新建一个store文件夹,在文件夹中新建index.js文件,在此文件中输入以下代码: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); const store = new Vuex.Store(); export default s.原创 2021-04-16 12:49:00 · 627 阅读 · 1 评论 -
用vue脚手架搭建一个demo
概述 介绍过vue脚手架@vue/cli的安装和vue基础环境的安装之后,我们简单介绍了一下vue以及其应用的场景,但都是写一些基本的小段代码,跟真正运用到项目中来比的话还差很远,这篇文章就介绍下如何用脚手架搭建基础的项目demo框架。 操作步骤 1、新建一个文件夹,然后在此文件夹下运行命令行窗口,通过命令 vue create mydemo 来创建一个项目。 2、输入命令后会提示你选择一个present,默认即可,然后进入创建好的项目根目录,运行 npm run serve 命令.原创 2021-04-16 12:44:44 · 578 阅读 · 0 评论 -
vue环境搭建--脚手架
概述 最近由于项目的原因,在学习react的过程中抽出时间来学习一下vue,所以特此记录一些学习笔记,中间如果有一些问题的话欢迎大家指出。 按理说react和vue的思想大致是一样的,所以在看vue的官网教程时也是比较顺利的,大部分内容能看得懂。在进行vue开发之前,我们先要搭建环境,在此处我们介绍vue-cli脚手架的使用。 操作步骤 1、其实vue-cli是1.X和2.X中的称呼,他在3.X中的新名字叫做@vue/cli,如果你已经安装过vue-cli这个旧版本的脚手架的话,那就使用命令 .原创 2021-04-16 12:42:04 · 414 阅读 · 0 评论