ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

vue-cli

2021-09-23 14:33:04  阅读:125  来源: 互联网

标签:npm vue cli webpack install 安装 页面


在这里插入图片描述
在这里插入图片描述
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

标签:npm,vue,cli,webpack,install,安装,页面
来源: https://blog.csdn.net/qq_51127361/article/details/120253819

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有