-
@click = "getName" //点击之后执行getName方法
-
@input = "getValue" //input框中的值改变时执行getValue方法
-
v-show = false //控制不显示 值可以是 true 或者false
v-show = isShow //通过控制isShow的值为false还是true来控制v-show的值,达到控制页面中的模块的显示隐藏
-
v-bind:class
---可简写成:class
<p v-bind:class="{error: register.isError}">{{register.notice}}</p> register.isError 为true时 class显示 为false时 没有这个class 复制代码
-
v-model可以再在表单
<input> <textarea>
元素上创建双向数据绑定。 它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理 -
this.$router.push({path: '/login'})
这里的this指代的是当前的这个组件 -
通过使用 Vue.use(Router) ,会把
$router
注入到所有的组件中,包括自己全局对象上,所以可以在任何组件中写this.$router.....
,从而实现一些功能 例如页面跳转
vue的一些小笔记
