![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
Frog2Top
假装会写代码
展开
-
Vue实战之Router路由
路由跳转方式// 字符串router.push('/')// 含路径的对象router.push({ path: '/' })// 含命名的对象router.push({ name: 'Home' })// 含参数和查询参数的对象router.push({ params: { id: 1 }, query: { page: 1 } })当 <router-li...原创 2019-05-29 22:44:01 · 346 阅读 · 0 评论 -
快速了解Vuex
安装npm install vuex --save创建Storeimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = { }const getters ={ }const mutations = { }const actions = { }const store...原创 2019-07-27 15:00:44 · 108 阅读 · 0 评论 -
快速了解vue路由
创建一个路由实例的配置选项使用 new Router 创建了一个新的路由实例,其配置项说明:mode:路由模式,默认值 ‘hash’ 使用井号( # )作路由,值 ‘history’ 可利用 History API 来完成页面跳转且无须重新加载;routes:具体的路由配置列表,用到的配置项说明:path:路由的路径;name:路由的名称;component:对应的视图组件;通过注...原创 2019-07-27 14:10:22 · 147 阅读 · 0 评论 -
使用vue-cli3创建项目并引入element
创建项目vue-cli3创建项目有两种方式,一种是通过命令行,一种是通过UI界面创建,在此我们使用命令行创建在指定项目根目录执行 vue create -n myproject 命令初始化项目,注意-n选项,如果不带-n,初始化项目的时候,也进行git初始化系统提示两个选项进行选择:一是默认安装bable、eslint,二是自定义安装,我选择第二种根据罗列出的几个选项和提示,我只选择...原创 2019-07-17 18:27:00 · 1138 阅读 · 0 评论 -
windows上的nvm的安装与使用
背景我们在开发或者维护项目的时候,由于历史的原因,不通项目用的node或者npm版本不一致,这无疑给我们开发维护增加了困难。为了解决这个困难,Node Version Manager 应运而生,简称nvm,它是 node 版本管理,方便在你的电脑或者虚拟机上安装不同版本的node/npm进行开发和维护,很好的降低了成本。准备工作如果在此之前你安装了node的话,请彻底卸载相关内容,如果...原创 2019-07-17 11:03:29 · 170 阅读 · 0 评论 -
使用cli3创建webpack模板项目
使用cli3创建的项目很简洁,如果你想使用webpack模板创建项目,或者习惯用vue init的方式创建项目怎么办?不用担心,cli3有提供插件可以使用cli3版本之前的方式创建项目,下面演就演示一下执行vue init --help它会提示你首先安装@vue/cli-init这个插件执行vue install -g @vue/cli-init命令执行vue init w...原创 2019-07-18 18:21:45 · 459 阅读 · 0 评论 -
Vue资源收录
前端开发框架bootstrap-sassFont Awesome 图标SimpleMDE Markdown Editor:一个简单美观的 Markdown 编辑器 ;highlight.js:一个用 Javascript 写的语法高亮工具;Moment.js: 一个用 Javascript 写的日期处理工具node-emoji 是一个简单的 emoji 处理工具,我们用它解析文章中的 ...原创 2019-06-04 23:59:26 · 194 阅读 · 0 评论 -
Vue思维导图
原创 2019-06-04 22:43:24 · 1233 阅读 · 0 评论 -
当Vue邂逅选择框,复选框,单选按钮,输入框
单选选择框<select v-model="sex" class="form-control"> <option value="">未选择</option> <option value="male">男</option> <option value="female">女</option></s...原创 2019-05-29 23:51:20 · 1152 阅读 · 0 评论 -
Vue实战之生命周期初探
beforeCreatebeforeCreate: 生命周期钩子的一部分,在实例初始化之后,数据观测之前被调用,所以我们能从数据对象 data 中访问 this.uploadsUrl<script> export default { name: 'TheHeader', data() { return { logo: { ...原创 2019-05-23 23:36:27 · 131 阅读 · 0 评论 -
Win10 安装node.js
Node 官网下载你想要的版本一路 next 至安装完成测试安装成功与否npm -vnode -v```配置环境变量在任意目录新建 node_global 和 node_cache 目录(两个目录处于同一级,我的是D:\nodejs 目录下新建的)将用户变量中有关 npm 的变量设置为 D:\nodejs\node_global添加系统环境变量 NODE_PATH 值为 D...原创 2019-05-23 22:55:58 · 132 阅读 · 0 评论 -
Vue实战
new 一个 vue 对象const vm = new Vue({ el:'#app', components:{ HelloWorld, } template:'<App/>', })原创 2019-05-23 23:53:33 · 338 阅读 · 0 评论 -
Vue实战之插件 sweetalert 的使用
安装npm install sweetalert2@7.15.1 --save封装 sweetalertimport swal from 'sweetalert2'export default { install: (Vue) => { // sweetalert2 的设置默认配置的方法 swal.setDefaults({ type: 'warni...原创 2019-05-27 23:11:18 · 2323 阅读 · 0 评论 -
Vue实战之Vuex状态管理
简介Vuex 是一个专为 Vue.js 应用开发的 状态管理模式 , 它可以集中管理应用所有组件的状态使用安装vuex npm install vuex --save创建 storeimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const state = { // 用户信息,初始值从本地 loca...原创 2019-05-26 12:29:50 · 228 阅读 · 0 评论