vue-cli

在这里插入图片描述
在这里插入图片描述
v-model多在表单中使用,在表单元素上创建双向绑定,根据控件类型选择正确的方法更新元素,可以绑定text、radio、checkbox、selected

下载nodejs:https://nodejs.cn/download/
windows64位的版本
后点击运行安装

检验nodejs安装成功:
cmd下输入node -v,查看是否能正确打印版本号
cmd下输入npm -v,查看是否正确打印版本号

安装vue-cli

cnpm install vue-cli -g

vue导出才能导入

npm install webpack -g//安装webpack
npm install webpack-cli -g//安装webpack客户端
webpack -v//查看webpack版本号
npm run dev//运行

组件原来叫div,现在是template

npm install vue-router --save-dev//路由,保留配置

vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统的页面应用,是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换。路由模块的本质 就是建立起url和页面之间的映射关系。

在这里插入图片描述

需要什么直接npm insatll,然后import导入

vue init webpack hello-vue//创建一个vue项目
npm i element-ui -s//安装element-ui
npm install//安装所有的依赖

在这里插入图片描述

npm i element-ui -s//安装element-ui
cnpm install sass-loader node-sass --save-dev//安装sass加载器

prop的作用是父组件向子组件单向传递数据,这个过程是单向的。传递的属性可以是静态的,可以是动态的,可以是数字,可以是字符串,可以是数组,还可以是对象,甚至可以在传递数据的时候写一个校验函数进行校验。

ant design vue和elementui差不多的

cnpm install axios -s
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值