安装
npm install -g vue-cli //全局安装脚手架,确定有没有全局安装打开cmd输入vue
vue init webpack vue_demo //使用webpack模板初始化项目 vue_demo是自定义项目名 不能含大写字母
这个时候会有很多选项
? Project name vue_demo //是否使用这个项目名称
? Project description A Vue.js project //使用默认描述
? Author ganmy <1535628743@qq.com> //作者名称默认
? Vue build standalone
? Install vue-router? No //不适用路由
? Use ESLint to lint your code? Yes //使用ESLint
? Pick an ESLint preset Standard
? Set up unit tests No //不使用unit测试框架
? Setup e2e tests with Nightwatch? No //不使用Nightwatch测试框架
使用自定义安装
cd .\VueDemo\
npm install
npm run dev // 这里用npm start 也可以
打包
npm run build
serve dist
如果没安装serve要先安装
npm install -g serve
这样就可以访问localhost://5000
了
如果改打包后的项目名,在webpack.prod.conf.js
的outpu里面加上
publicPath: '/vue_demo/'
关掉检查
eslint会对代码进行规范检查,可以关掉,在.eslintignore
里面加上
*.js
*.vue
传值
完整版
props: {
//指定属性名和属性值的类型
comment: Object
}
缩写版
//声明接收属性 这种方式只指定了属性名
props: ['comments'],