VUE
ITBOY_ITBOX
技术人生,管理天涯
展开
-
vue数据搜索与排序
【代码】vue数据搜索与排序。原创 2024-03-13 16:49:56 · 397 阅读 · 1 评论 -
09 计算属性实现
【代码】09 计算属性实现。原创 2023-02-20 14:28:45 · 284 阅读 · 0 评论 -
08 键盘事件
【代码】08 键盘事件。原创 2023-02-19 21:11:30 · 294 阅读 · 0 评论 -
07 事件处理-v-on:click
【代码】07 事件处理-v-on:click。原创 2023-02-19 20:43:01 · 293 阅读 · 0 评论 -
06 数据代理
【代码】06 数据代理。原创 2023-02-19 20:41:05 · 161 阅读 · 0 评论 -
05 Vue中的MVVM
2.vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用。3. VM:视图模型(ViewModel):Vue实例。1.data中所有的属性,最后都出现在了vm身上。1. M:模型(Model) :data中的数据。2. V:视图(View) :模板代码。原创 2023-02-19 19:44:52 · 90 阅读 · 0 评论 -
04 el与data的两种写法
由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this就不再是Vue实例了。(2).先创建Vue实例,随后再通过vm.$mount('#root')指定el的值。如何选择:目前哪种写法都可以,以后学习到组件时,data必须使用函数式,否则会报错。(1).new Vue时候配置el属性。2.data有2种写法。data与el的2种写法。原创 2023-02-19 19:43:01 · 91 阅读 · 0 评论 -
03 数据绑定
2.v-model:value 可以简写为 v-model,因为v-model默认收集的就是value值。1.双向绑定一般都应用在表单类元素上(如:input、select等)2.双向绑定(v-model):数据不仅能从data流向页面,还可以从页面流向data。1.单向绑定(v-bind):数据只能从data流向页面。原创 2023-02-19 19:31:57 · 84 阅读 · 0 评论 -
02 模板语法
举例:v-bind:href="xxx" 或 简写为 :href="xxx",xxx同样要写js表达式,备注:Vue中有很多的指令,且形式都是:v-?,此处我们只是拿v-bind举个例子。写法:{{xxx}},xxx是js表达式,且可以直接读取到data中的所有属性。功能:用于解析标签(包括:标签属性、标签体内容、绑定事件.....)。且可以直接读取到data中的所有属性。功能:用于解析标签体内容。原创 2023-02-19 17:03:19 · 134 阅读 · 0 评论 -
01 初识Vue
6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性;2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法;7.一旦data中的数据发生改变,那么页面中用到该数据的地方也会自动更新;1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象;5.真实开发中只有一个Vue实例,并且会配合着组件一起使用;3.root容器里的代码被称为【Vue模板】;注意区分:js表达式 和 js代码(语句)4.Vue实例和容器是一一对应的;原创 2023-02-19 16:59:54 · 99 阅读 · 0 评论