博主网站(未完善)
博主首页

目录

01图标库
02插件安装

01条件渲染
02列表渲染
03模板渲染
04计算属性
05侦听器
06样式绑定
07样式
08事件
09表单输入绑定
10生命周期
11组件
12脚手架
13vue-router
14vuex
15拖拽
16组件间传递

01HTML元素
02CSS样式

01filter、find……
02匿名函数……
03动态拼接地址
04vh、vm
05vue中ref
06js类型判断
07插槽
08富文本编辑器
09javaScript
10watch监听
11依赖注入
12ES6运算符
13flex-direction
14本地存储
15随机颜色
16中间延申
17多次触发问题
18nvm安装
19表单数据动态
20持久化存储
21$nextTick
22::v-deep
23tab失灵
25封装表单验证
26电梯导航栏
27页面滚动渐入动画

css3基础01

01bs列表
02bs栅格
03bs表单
更新中......

vue基础---12脚手架

00.vue-cli是什么?

  vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。

01.安装Vue-cli

  第一步:安装NodeJs:https://nodejs.org/zh-cn/

  第二步:安装Webpack——npm install webpack -g(全局安装)

  第三步:安装Vue-cli——npm install -g @vue/cli

02.使用Vue Cli2创建项目

  a、创建Vue Cli2项目:vue init webpack name

  b、创建Vue Cli2步骤如下:

  

 

 

   c、目录结构

  

 

 

 03.使用Vue Cli3创建项目

  a、创建Vue Cli3项目:vue create name

  b、创建步骤如下图

  

 

   c、目录结构

  

 

 04.运行方式

  执行命令:npm run serve

 

 

 

 

 

 

 

 

 

 

 

 

 

posted @ 2021-09-10 12:58  !ment  阅读(99)  评论(0编辑  收藏  举报