03 vue-cli下开发注意点

1.退出运行状态：ctrl+c 

2.vue 实例常用的方法：

data（）{return {}}  //放属性method ， // 放事件函数computer，// 计算，可以之间使用，如{{fullName}}created，//点开页面的时候执行

模板

<template> <div></div> </template> <script> export default{ name:"", data(){ //数据 return{ firstName:"zhang", lastName:"xin" } }, method:{ //事件 addUser:function(){} }, computer:{ //直接使用 fullName:funciton(){return this.firstName+this.lastName} }, created:function(){ } } </script> <!--加scoped ，样式不会影响其他模块--> <style scoped> </style>

 

3.在vue-cli 下 安装less

1.首先安装 ，不需要配置webpack，因为 build/utils.js 中配置是可以使用 less的

npm install less less-loader style-loader -D

 PS，如果安装完还是不能使用， 将 moudles 模块删除，重新安装 npm install

4. 图片放置问题

这样是没问题的：

<img src="./../assets/avatar.png" />

但是我把地址提取出来，当道 data 里，就引用不到了：

export default { data () { return { logoSrc: './../assets/avatar.png' } } }

写在模板不出错，是因为你已经有模板的图片解析器了，在JS中需要import

import logoSrc from './../assets/avatar.png'

推荐：或者放到static 文件夹中，就可以直接引用

6.<template>中只能有一个 div的标签，不可以有多个div 并列

<template> <div> sdsgg </div> <div> sdsggg </div> </template> +++++++++++以上错误++++++++++++++ <template> <div> sdsgg </div> </template>

 

转载于:https://www.cnblogs.com/haigui-zx/p/7656551.html