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