Vue知识点总结

methods方法（2种返回形式，第二种加反引号）
methods: {
greet (){
// return ‘good night’+this.message;
return good night ${this.message};
}
}
${ }识别属性，变量
传参，
methods: {
greet (形参time){
// return ‘good night’+this.message;
return good ${time} ${this.message};
}
}
在HTML里传实参，

{{greet(“night”)}}

2.v-bind
动态绑定一个或多个属性，可修改
v-bind:属性
v-：指令
3.

eg:js
websiteTab="<a href=“https://www.taobao.com>taobao”
html:

v-show=“boolean”;当为true，显示出来，标签还在
12.v-for遍历数组，对象

• {{suibian}}
• 随便一个名字

• {{sin}}.{{suibian}

若数字是对象数组： js： character:[ {name:"peiqi",age:3}, {name:"xiaoen",age:4}, {name:"libika",age:4} ] html:

• {{xinxi.name}}
• 可调用对象的 某个属性

如果遍历的是div，为避免多余的div标签的出现，可用template标签。 遍历对象： js: users:[ {name:"peiqi",age:3}, {name:"suxi",age:4}, {name:"tuzi",age:5} ] html: 从对象数组中得到的是对象user

在对象中得到属性和值

{{key}}-{{val}}

13.demo if end=false; 为控制元素变幻的限度，加在js中，在标签中，为把它显示出来，加v-show="!end"; 设置一个进度条(在js里设置一个health的值)：

//方法

})
// 全局变量，所有都会变
let o = {
name:‘jfj’
};
//属性
data(){
return o;
},
16.const 是用来申请定义常量的关键字，const 所指的是一块内存地址,至于可不可以改变就
涉及到引用类型和基础类型的内存分布问题,如果定义是数字、boolean 他是不可改变的,但是 定义时是个 Object 类型比如 :{ name:1 },他的 name 值可以改变。
17.书写规范
括号与括号之间，逗号相隔
data(){
return{

  }
}

18.请求数据API方法
①Fetch
const todos = fecth(“http://jsonplaceholder.typicode.com/todos”);
console.log(totdos);
成功：.then
失败：.catch

②axios
axios.get(link).then({})
更简便，要从官网安装，参考视频
https://ke.qq.com/course/452954?taid=3939000406960474
19.安装脚手架
vue Cli脚手架需要的环境：
node.js环境
npm依赖包，很多插件，在npmjs.com中下载
win-R：输入cmd，打开命令行工具，输入node -v(注意有空格)，npm -v看是否出现版本
安装vueCli：
https://cli.vuejs.org/zh/guide/installation.html
拷贝 npm install -g @vue/cli到cmd，回车安装
后输入cls,清除回到页面最顶端，输入vue --version检测是否安装
安装cnpm 淘宝镜像：
http://npm.taobao.org/
复制使用说明后面的，安装，用cnpm --version 检测
20.搭建项目
pwd:当前路径
ls or dir显示当前路径下包含的文件夹
cd:改变路径，找到要跳转的路径
cd 文件名/(输入一半名字，点击tab键自动补全)
cd ~默认路径
cd /根路径
vue