Vue+Springboot 学习过程 笔记

简写：

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

原因如下：methods出错

课程：Vue

2. 测试模糊查询时，控制台拼写错误

3.pojo(entity)包 内的类 id 尽量 使用 Integer

This primary key of "uid" is primitive !不建议如此请使用包装类 in Class: "com.yoy.hello.entity.User"

参考资料：http://t.csdn.cn/4DJwP

4.mapperLocations’未指定。

<build>
    <resources>

未完待续...