![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
Ocean_yyy
做一个安静的IT
展开
-
自学Vue.js第四天
正课:指令双向绑定绑定class和style属性计算属性自定义指令一一了解过滤器指令:绑定内容:原始HTML片段:{{}} 问题:不能用{{}}绑定,因为{{}}会爆出HTML片段原样显示 解决:用v-html="模型变量"代替{{}},可让绑定的HTML片段被浏览器解析为正文 总结:只要绑定HTML片段,都用v-html 纯文本内容:可使用 v-text 或 {{}}纯文本内容:表单元素的值v-cloak: 何时:如果希望当new Vu原创 2020-06-03 22:15:09 · 121 阅读 · 0 评论 -
自学Vue.js第三天
v-bind(指令–13个)什么是指令:为HTML提供新动能的特殊属性为什么:{{}}只能绑定元素的内容(innerHTML),不能绑定属性、事件或执行程序结构何时:不能使用{{}}绑定的位置,又想动态生成值,都要用各种指令来增强如何: 1.v-bind:专门用于动态绑定属性值 何时:只要一个属性的值需要动态生产时 如何:完整:<ANY v-Bind:属性=“表达式” 可省略v-bind 2.v-for:专门根据一个数组中的元素,动态反复生成多原创 2020-05-24 19:19:46 · 160 阅读 · 0 评论 -
自学Vue.js第二天
自学Vue.js第二天Vue中的MVVM:https://zh.wikipedia.org/wiki/MVVMView层:视图层在我们前端开发中,通常就是DOM层主要的作用是给用户展示各种信息。Model层数据层数据可能是我们固定的死数据,更多的是来自我们服务器,从网络上请求下来的数据在我们计数器的案例中,就是后面抽取出来的obj,当然,里面的数据可能没有这么简单。VueModel层:视图模型层视图模型层是View和Model沟通的桥梁一方面它实现了Data Bing原创 2020-05-24 19:17:57 · 145 阅读 · 0 评论 -
自学Vue.js第一天
自学Vue.js第一天创建Vue对象的时候,传入了一些options:{}{}中包含了el属性:改属性决定了这个Vue对象挂载到哪一个元素上,很明显,我们挂载了id为app的元素上{}中包含了date属性:改属性中通常会存储一些数据这些数据可以是我们直接定义的也可能来自网络,从服务器加载的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2020-05-24 19:16:21 · 108 阅读 · 0 评论