[JavaScript知识库]五.vue的单向绑定

1. 语法：

v-bind简写是一个 : 冒号
被单向绑定的属性，字符串必须是一个js表达式

2. 具体修饰实例

（1）:to

举例：上一篇文章的声明式导航。另外，还有声明式导航的路由传递参数的其他形式。如字符串形式、模板字符串形式、对象形式。
上一篇文章只说了对象形式，这里我连字符串形式和模板字符串形式也举例！

1）字符串形式

字符串形式不能进行单项绑定，为什么？
因为加了：就代表单项绑定，就表示后面的字符串当做js表达式去解析，但是这/hello/~并不符合语法，只能用to指向固定地址

<router-link to="/hello?id=666&name=小明">
函数体
</router-link>

2）模板字符串形式

<router-link :to="`/hello?id=${id}&name=${name}`">
函数体
</router-link>

3）对象形式

<router-link :to="{
	path='/hello'
	query:{
		id:666
		name:'小明'
	}
}">
标签体内容
</router-link>

上面说的3种形式只针对于声明式导航，因为主要说的是单项绑定，编程式导航不用:to，但是在编程式导航中，三种形式都可以使用。
下面说一下也行，就当拓展！

1）编程式导航字符串形式

函数名(){
	this.$router.push("/hello？id=" + this.id + "&name=" + this.name)
}

2）编程式导航模板字符串形式

函数名(){
	this.$router.push(`/hello？id=${this.id}&name=${this.name}`)
}

3）编程式导航对象形式

看 vue上一篇文章吧！不想写了
四. query 和 params 传参的区别https://blog.csdn.net/HSH541/article/details/123611363