四时宝库

程序员的知识宝库

vue-cli 编写hello world(vue cli 教程)


在Vue-cli中使用mock.js(vue mockjs)

1、mock.js 拦截ajax请求,生成随机数据

新学到的东西,以我的方式分享一下,我们在开发中,需要后端提供api接口,然后拿到接口去遍历生成数据,渲染到页面上显示。在有的时候,还没拿到后端提供的接口时,前端可以自己模拟后台制作简单的json格式数据进行开发工作

vue-cli3 配置路径别名(vue配置@路径)

最近用Vue Cli3脚手架搭建了Vue项目,发现没有build目录了,里面的webpack相关的也没了,看了官方文档后,查了资料后,发现都在vue.config.js里来配置了

1.先在项目根目录下创建vue.config.js文件

2.然后在文件里输入下面代码

const path = require('path')

function resolve(dir) {
    return path.join(__dirname, dir)
}
module.exports = {
    lintOnSave: true,
    chainWebpack: (config) => {
        config.resolve.alias
            .set('@', resolve('src'))
            .set('base', resolve('src/base'))
            .set('views',resolve('src/views'))
            .set('common', resolve('src/common'))
            .set('components', resolve('src/components'))
    }
}

详细的vue-cli安装步骤(vuecli 安装)

vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node

1、安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,在安装的过程中可以根据个人

喜好使用淘宝的镜像,但是要先安装cnpm(速度和稳定性都比较好)

2、在目标文件夹下打开终端

3、执行cnpm install vue-cli -g 全局安装

vueCli3开发模版,支持scss、vuex、axios、多语言、过滤器等功能

link:https://github.com/wangyupo/vue-vuex-router

vueCli3项目脚手架,SPA最佳实践。

注意!这是一份Vue的最佳实践,包括了实践展示,但是并不包括新手入门,如果你是Vue新手,可以按如下路径学习Vue:

1、用Vue+Vue-Router做一个展示网站。网站按页面划分模块,每个页面按section(部分)再划分模块。培养自己的模块化思想。
2、用Vue+Vue-Router+Axios做一个带请求的网站。把请求结果放在页面上展示出来。锻炼请求接口的能力,了解前后端分离思想。
3、用Vue+Vue-Router+Axios+Vuex做一个能管理数据的网站。把请求放到Vuex中,用store管理数据。搞懂Vuex在开发中的帮助,提升项目开发能力。
做完上面三步你就已经入门Vue了,接下来就可以用这个最佳实践来构建更优雅的代码、组织更简洁的项目。

Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5

前言

想必你一定使用过易企秀或百度H5等微场景生成工具制作过炫酷的h5页面,除了感叹其神奇之处有没有想过其实现方式呢?本文从零开始实现一个H5编辑器项目完整设计思路和主要实现步骤,并开源前后端代码。有需要的小伙伴可以按照该教程从零实现自己的H5编辑器。(实现起来并不复杂,该教程只是提供思路,并非最佳实践)

Github: https://github.com/huangwei9527/quark-h5

Vue.Draggable - 基于 Vue.js 丝般柔滑的拖拽排序组件

截止发稿2020年8月10日,这可能是目前最好的拖拽排序解决方案了。

介绍

VueDraggable 是一个专门解决拖拽排序和拖拽分组的前端开源代码库。

在 jQuery 的时代,有很多动效非常流畅丝滑的拖拽排序插件,但在国内 Vue.js 起来后,却比较难找到一款像 Sortable.js 那样的组件,而 Vue.Draggable 就是一款基于 Sortable.js 开发的 Vue 增强组件。

35《Vue 入门教程》Vue-Cli 项目文件结构分析

36《Vue 入门教程》Vue 第三方库的使用

1. 学习目标

在 Vue 中使用注解(装饰器)(vue注释插件)

Javascript 中的注解(装饰器)

谈及注解/装饰器,使用过 Java 或 Python 的同学一定会想到一种语法:

用vue-cli快速搭建vue脚手架+实现vue页面跳转的小demo

vue简介

Vue (读音 /vju?/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。

<< < 1 2 3 4 5 6 7 8 > >>
控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接