一、如何创建一个vue-cli项目
- 安装cnpm,执行命令npm install -g cnpm
- 安装vue-cli,执行命令cnpm insall -g vue-cli
- 初始化项目,vue init webpack vue-cli-demo
二、在vue-cli项目中使用scss语法
1.安装sass-loader和node-sass(sass-loader依赖于node-sass)
npm install node-sass --save-dev
npm install sass-loader --save-dev
2.在build文件夹下的webpack.base.conf.js的rules里面添加配置
{
test: /\.sass$/,
loaders: ['style', 'css', 'sass']
}
3.在vue页面中修改style标签的语法标识,然后使用
<style lang="scss">
vue-cli中使用less语法 vue版本2.5.2
cnpm install less@3.0.0 --save
cnpm install less-loader@5.0.0 --save
三、watch监听事件
watch:{
detailDialog: {
handler(val, oldVal) {
if (!this.detailDialog) {
this.getList();
}
},
deep: true
},
},
四、vue路由配置
1.声明组件,通过 import 引入。
2. 定义路由,每个路由映射一个组件。
3.指定路由出口,也称路由插座。