Vue月度总结1

Posted 2023-03-10 猪八戒1.0

1.了解vue,强调MVVM(Model View ViewModel)的模式，vue,js的下载，第一个vue,js应用。         2.可使用data当中内容，相当于v-text, 可以写js代码，演示区别了DOM方式获取数据         3.接着学习了一系列指令，v-html与v-text非常相似，但是v-html可以渲染html标签。          4.v-once指令的作用会显示最开始数据的内容，后面不管是否改变。         5.v-if与v-for做了一个小作业，我们没有使用css内嵌式，在vue2与vue3中v-if与v-for优先级会不同，不推荐同时使用，也就是放在一起使用，而要使不受影响，用到了template虚拟标签。         6.v-show与v-if非常相似，他可以让元素隐藏或显示，当v-show内是false时，虽然不显示，但是打开代码源会显示，实际上是display:none 隐藏了。         7.v-model双向数据绑定，界面变化数据变化，数据变化界面变化，v-model对表单的value属性做了深度的封装，两个单选框男女，v-model需要一致，要使默认男，初始data内gender是男即可。三个修饰符，默认输入框下输入的内容会当作字符串类型，当我们需要number类型时只需v-model.number即可，而v-model.lazy只有失去焦点或者回车时才会改变数据，v-model.trim会去除输入内容左右两边的空格，要是中间就不会去除了，length可看长度，登录密码有人设空格？不会吧！         8.v-bind:用于绑定一个或者多个属性值，或者向另一个组件传递属性值。也就是可以放一些其他属性，比如href,src等，也可以简写冒号。

9.下节课讲v-on?