Vue
一稻道人
当世俗人,偶有不俗之志。
展开
-
Razor视图引擎介绍
ASPX 和 Razor在asp.net mvc 模式中,视图引擎有两类: ASPX(ASP.NET) 和 Razor1.aspx引擎如果选择了aspx引擎,那么就是asp.net引擎。那么什么是asp.net?1)是微软.net框架的主要部分2)是一种服务器段脚本技术:可以使(嵌入网页中的脚本)由服务器执行3)是asp和.net的技术结合。提供基于组件、事件驱动的可编程网络表单,降低了编程复杂度4)asp.net是一种部署在IIS中的程序什么是asp.net文件?1)asp.n原创 2020-07-10 00:32:40 · 1298 阅读 · 0 评论 -
12 vue事件
1 使用表达式完成事件操作2 事件处理函数定义,定义在vue methods属性中3.事件传参4. $event事件对象5.事件修饰符案例:1 stop修饰符加stop修饰符,阻止冒泡事件向上出发,div的click事件就不会触发加stop修饰符,阻止冒泡事件向上出发,div的click事件就不会触发2.prevent 阻止默认事件3.once只触发一次 @click.once='funct...原创 2020-08-16 10:30:07 · 96 阅读 · 0 评论 -
11 设置元素class
通过对象的方式设置样式:isTrue为true的时候div才会添加active类换种写法:以数组的方式添加样式:字符串方式为元素添加class:原创 2020-08-16 10:30:38 · 124 阅读 · 0 评论 -
10 监听器 watch
被监听的变量或对象发生改变就执行相应的方法,不建议过多使用,影响性能。例如:原创 2020-08-09 20:50:16 · 101 阅读 · 0 评论 -
9 计算属性
Computed计算属性计算属性会将结果缓存,如果变量不改变,不会重新计算,性能更好示例1:示例2:原创 2020-08-09 20:48:26 · 79 阅读 · 0 评论 -
8 v-once v-html v-bind v-on
v-once 一次性插入,再次修改无效v-html 插入htmlv-bind 绑定属性值,简写用冒号 :绑定属性值时,v-bind:id=“idname” 等价于 :id=“idname”v-on 绑定事件简写用 @原创 2020-08-09 20:45:06 · 103 阅读 · 0 评论 -
7 设置key标识
列表渲染,li元素 设置key标识,修改li某一个子元素会将所有子元素更新案例:下面代码两个div class改为一致下面两个div的内部的元素一样,有些文字不同。在登录界面输入用户名后,切换到注册界面,之前输入的登录名不会消失。这样就有问题。解决办法:两个div都添加了不同的key标识,就可以解决这个问题注意:key绑定的是变量要加冒号,绑定的是字符串不用加冒号...原创 2020-08-09 20:37:49 · 354 阅读 · 0 评论 -
6 列表渲染v-for, 事件传值data-name
列表渲染 v-for1.一般形如:<ul> <li v-for="value in values"> <h4>value</h4> </li></ul>在html中只需写一个元素即可。获取索引值,item和key的名称可以任意自定义,但是顺序不能变,索引放在后面事件传值通过添加属性 data-name添加参数,例如:data-id 传递 id参数...原创 2020-08-09 20:19:50 · 395 阅读 · 0 评论 -
5 v-show vs v-if
v-show:不满足条件时在页面中已经渲染,只是改了style样式v-if 不满足条件时在页面上完全不显示v-bind事件绑定,用语法糖 @ 符号可替代原创 2020-08-09 19:54:21 · 92 阅读 · 0 评论 -
4 Vue条件渲染 v-if v-else
v-if v-else创建Vue对象的时候,传入了一些options:{},{}其中包含了**el**属性(element的缩写),该属性决定了这个Vue对象挂载到了哪一个元素上,这里我们挂载到了id为app的元素上{}包含了data属性,该属性存储一些数据,这个数据可以我们直接定义,也可以请求服务器获得,可以在页面(必须在id为app元素内部)中直接访问这些数据...原创 2020-08-09 17:01:16 · 130 阅读 · 0 评论 -
3 前端框架发展历程,比较
1.企业为提高开发效率,使用框架能过提高开发效率2.提高开发效率的发展历程:原生Js—>Jquery之类的类库—>前端模板引擎—>Vue.js/Angular.js/React.js(能够帮助开发人员解决不必要的DOM操作;提高渲染效率;双向数据绑定)3.在Vue中,一个核心的概念就是**数据驱动**,避免手动操作DOM元素,这样可以让前端开发人员更多的关注数据的业务逻辑,而不是关心DOM是如何渲染的4.Vue和React的相同点:*利用虚拟DOM实现快速渲染*轻量级*响应原创 2020-08-09 16:50:54 · 236 阅读 · 0 评论 -
1 Vue初识 安装
1.Vue读音类似于view,读音末尾不要加e2.vue是一个渐进式框架,什么是渐进式?1.渐进式意味着可以将Vue作为应用的一部分嵌入其中,带来更丰富的交互体验2.如果希望将更多的业务逻辑使用Vue实现,那么Vue的核心以及其生态系统比如:Core+Vue-router+Vuex,也可以满足各种各样的需求3.安装...原创 2020-08-09 16:22:50 · 73 阅读 · 0 评论 -
2 Vue中的MVVM
View层1.视图层2.前端开发中,通常就是DOM层3.主要作用给用户展示各种信息Model层1.数据层2.数据可能是我们固定的死数据,更多来自我们的服务器,从网络请求下来的数据ViewModel层1.视图模型层2.一方面它实现了数据绑定,将Modle的改变实时反应到View中3.另一方面它实现了DOM监听,当DOM发生一些事件(点击、滚动、touch等)时,可以监听到,并在需要的情况下改变对应的Data4.在Vue中,Vue对象就充当一个ViewModelMVVM由MVC演化而来原创 2020-08-09 16:32:27 · 181 阅读 · 0 评论