简写:
1.v-on:
<button v-on:click="showInfo">提示信息</button> <button @click="showInfo">提示信息</button>
2.v-bine:
<input type="text" v-bind:value="name"> <input type="text" :value="name">
3.v-model
<input type="text" v-model:value="school.name"> <input type="text" v-model="school.name">
听课笔记--代码模板:
注意:el: '#'-->id el: '.'-->class
1.模糊查询 可以使用的vue
1.watch new Vue({ el: '#', data: { KeyWord: '', products: [{},{}], filproducts: [] }, watch: { KeyWord: { immediate: true, handler(val) { this.filproducts = this.products.filter((p) => {/*过滤*/ return p.name.indexOf(val) !== -1 }) } } } }) 2.computed new Vue({ el: '#', data: { KeyWord: '', products: [{},{}] }, computed: { filProducts(){ return this.products.filter((p)=>{ return p.name.indexOf(this.KeyWord) !==-1 }) } } })
报错:
1.new Vue function![](https://i-blog.csdnimg.cn/blog_migrate/be9d51380110f5b9be025768db7e9edd.png)
原因如下:methods出错
课程:Vue
2. 测试模糊查询时,控制台拼写错误
3.pojo(entity)包 内的类 id 尽量 使用 Integer
This primary key of "uid" is primitive !不建议如此请使用包装类 in Class: "com.yoy.hello.entity.User"
4.mapperLocations’未指定。
<build> <resources>
未完待续...