- 博客(5)
- 收藏
- 关注
原创 2020-10-23
webpack 使用详情1、下载安装webpack: 是一款模块化打包工具,webpack是基于配置的,通过配置一些选项来让webpack执行打包任务。cnpm i webpack -gcnpm i webpack-cli -g npm i webpac -gnpm i webpack-cli -g2、出口入口配置webpack在打包的时候,依赖关系图,在打包的时候需要告知webpack两个概念:入口和出口一般情况下,我们需要使用webpack.config.js进行配置ent
2020-11-21 12:48:10 68
原创 2020-11-21
Vue-cli 可视化的创建过程1、全局安装Vue-cli(脚手架只需要全局安装一次就可以)全局安装vue-cli: cnpm install -g @vue/clioryarn global add @vue/cli检测安装:vue -V 2、如果已经全局安装过脚手架,那么直接在终端执行 vue ui就可以。会自动跳转到UI可视化的页面。点击创建项目3、创建一个新项目4、会进入到预设的界面,如果以前没有创建过项目,那可以选择【手动】,配置一下点击【手动】----&g
2020-11-21 12:44:02 89
原创 2020-10-06
Vue-cli的完整搭建1:安装方法全局安装vue-cli: cnpm install -g @vue/clioryarn global add @vue/cli检测安装:vue -V 【注意】 要求node.js版本是8+如果是通过npm 或者 cnpm 安装的话,node-sass可能会存在安装不上的问题,是需需要在单独进行安装一遍的cnpm i node-sass 2:检查cli下载完 vue-cli之后 检测下cli的版本然后通过 Vue create
2020-10-06 17:45:11 187
原创 2020-10-04
Vue中的钩子函数都有哪些?1:生命周期钩子函数(1)初始化级阶段: beforeCreate 获取不到数据,没有真实DOM created 获取到数据,没有真实DOM beforeMount 获取到数据,真实DOM马上生成 mounted 获取到数据,真实DOM生成(2)运行阶段: beforeUpdate 数据更新时调用,获取到的是更新之前的数据 Updated 数据更新是调动,获取到的是更新之后的数据(3)销毁
2020-10-04 14:54:28 89
原创 vue-router的详解
为什么会使用Vue-router?因为现在大多采用单页面应用,Vue中会使用官方提供的Vue-router插件来使用单页面,原理就是通过检测地址栏变化后将对应的路由组件进行切换(卸载和安装)路由实现的步骤:1.cnpm install vue-router -S引入vue-router,如果是在脚手架中,引入VueRouter之后,需要通过 Vue.use来注册 import Vue from 'vue' import Router from 'vue-router'
2020-10-04 14:06:51 103
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人