-
vue init webpack 项目名称(不能用大写字母)
install vue-router?选项要选y。路由跳转一定要安装
ESLint 风格管理工具,一般项目中都会使用,建议安装。
查看全部 -
vue-cli脚手架安装
一、npm 参数
-S --save安装包信息将加入到dependencies(生产阶段的依赖)
-D --save --dev 安装包信息将加入到devDependencies(开发阶段的依赖),所以开发阶段一般使用它(生产环境也可以)
npm i -D vue-cli 本地安装(没有-g) 会报错需要:
npm init -f 初始化本地安装配置文件
建议全局安装
查看全部 -
创建项目
cd 项目目录
vue create 项目名
npm run serve # 启动服务
查看全部 -
手动搭建vue-cli环境
安装依赖:npm install 或者 cnpm install
初始化:npm init -f 或者 cnpm init -f,f参数为全部使用默认值,无人工干预
安装组件,并查看安装后内容
查看全部 -
【注意】
1、地址栏中的#,是为了防止http频繁请求后台造成压力
2、hash模式:地址栏包含#符号,#以后的内容不会被后台获取
3、history模式:具有对url历史记录进行修改的功能
4、在微信支付、分享url作为参数传递时,#属于特殊符号,不能满足需求
5、history需要后台配合,来处理404的问题
查看全部 -
router实现子路由
实现嵌套路由到效果:children:[{}.{}]
【注意】使用children会父页面和子页面一起显示,如果不想一起显示就使用平行路由即可
查看全部 -
创建vue-cli项目
vue init webpack 项目名
创建cli过程中部分配置内容
Install vue-router?(Y/n):是否安装vue-router,这是官方的路由,大多数情况下都使用,这里就输入y后会车即可。
Use ESLint to lint your code?(Y/n):是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,一般项目中都会使用。
查看全部 -
-S,-D参数
-S,--save 安装包信息将加入到dependencies(生产阶段到依赖)
-D,--save--dev 安装包信息将加入到devDependencies(开发阶段的依赖)
所以开发阶段一般使用它
i 是install的缩写(注意:前面没有"-")
npm初始化
如npm init -f
-f参数,初始化时不回答所有问题,全部使用默认值
查看全部 -
npm和cnpm区别
npm(node package manager):是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)
cnpm:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,所以淘宝团队分享了使用国内镜像来代替国外服务器。
-g参数
全局安装(global)可以在命令行下直接使用
可以通过npm root -g查看全局安装的文件夹位置
vue-cli2安装
npm install -g vue-cli cnpm install -g vue-cli
手动指定从哪个镜像服务器获取资源
npm install -gd express --registry=http://registry.npm.taobao.org
为了避免每次安装都需要--registry参数,可以使用如下命令进行永久设置
npm config set registry http://registry.npm.taobao.org
查看全部 -
组件间兄弟传值
传值 Msg.$emit('val','1'); 在methods种
接收值:在mouted中
Msg.$on('val',function(m){
that.content=m
})
查看全部 -
用事件总线传值,
总线传值需要用 .js
查看全部 -
public 存放不变动的文件
src/assets 存放可以变动的文件
查看全部 -
主要技术
组件与组件间传值
axios实现读取json数据:商品的数据源存于json种
css相关技术进行布局:布局,间距等样式
使用views页面级组件,使用router设置页面
查看全部 -
添加样式有3种方式
第一种:在当前 A.vue种的style写内联样式
第二种,在public 目录下新建style.css,然后再A.vue的style 下面,@import引入
第三种:在public 下的index.html 传统方式 link引入
其中 router-link相当于 a 标签 可以被包含于包含其他标签
查看全部 -
vuecli3中新增了views文件夹,分工更加明确了
查看全部
举报