vue
文章平均质量分 93
War__Tiger
这个作者很懒,什么都没留下…
展开
-
不一样的摸鱼
一个特别的大眼原创 2022-12-08 15:25:04 · 165 阅读 · 1 评论 -
vue和react的区别是什么?
vue和react的区别是什么?1. 监听数据变化实现原理不同因为vue的设计理念是使用可变的数据,所以Vue可以通过 getter/setter以及一些函数的劫持,能精确知道数据变化。React不能精确的监听到数据的变化是因为React在设计理念上强调的是数据的不可变。两者之间没有好坏之分,vue相对react来说更加的简单,更容易上手,而react在构建大型应用的时候更加鲁棒(不知道鲁棒的自己百度百科吧)2.数据流不同vue可以实现双向数据绑定(vue1.0版本中的时候可以实现父子组件之间p原创 2020-11-21 16:00:24 · 2199 阅读 · 2 评论 -
Vue-模板语法
Vue模板语法插值语法文本最常见的就是使用“Mustache”语法(双大括号)的文本插值:<span>Message: {{ msg }}</span>无论何时,绑定的数据对象上 msg 的property发生改变了,插值出的内容都会更新原始HTML双大括号会将数据解释为普通文本,而非HTML代码。为了输出真正的HTML,你需要使用v-html指令<p>Using mustaches: {{ rawHtml }}</p> <原创 2020-11-16 19:25:50 · 76 阅读 · 0 评论 -
计算属性computed
计算属性 computed可以当做个笔记来看看,省的自己整理,希望有帮助,同时欢迎各位大佬帮忙补充举个例子来说一下吧假设我们需要实现一个num值两倍的关系这个例子首先我们需要将vue实例化一下,同时传入数据,下面这个vue实例化内的data数据就是下面例子中所用到。var vm = new Vue({ el:"#app", data:{ num:1, watchNum:"" },1.直接在body中使用插值语法,写成这样<p>num原创 2020-11-14 15:04:58 · 913 阅读 · 0 评论 -
Vue指令
Vue指令带有v-前缀的特殊属性v-bind 动态绑定属性 可简写为 “:”v-if 条件渲染指令动态创建/删除 根据条件来创建或者删除dom节点v-show 动态显示/隐藏v-on:click 实现事件注册的指令绑定事件 可简写为 @clickv-for 遍历v-model 双向绑定表单v-cloak 防止表达式闪烁注:v-cloak给模板内得元素添加v-cloak属性后,元素在vue没有加载完的时候就有这个属性,当vue加载完成后这个恶属性就消失了,所以我们可以原创 2020-11-14 09:24:12 · 127 阅读 · 0 评论 -
Vue三个模式
vue基础整理vue特点与MVVM模式特点:渐进式vue是渐进式JavaScript框架,用到什么功能,只需要引入什么功能的模块。如果只是简单的将数据与视图进行关联渲染,只需要引入vue即可实现声明式渲染<div id="app"> {{message}}</div>//vue实例var app = new Vue({ el:"#app", //挂载点(让vue管理的区域) data:{ //让vue进行管理的数据原创 2020-11-16 19:25:20 · 2119 阅读 · 0 评论 -
Vue的使用
Vue的使用Vue不支持IE8及以下,因为使用了ES5的很多特性可以通过script标签引入vue.js,分为两个版本,开发版本和生产版本,开发版本一般在开发项目的时候使用,可以给你报错提醒问题所在,最后上线后引入生产版本,是没有提示的。直接下载并用<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>在Vue中提供了一个脚手架可以帮助我们快速搭建基于webpack的开发环境npm i原创 2020-11-16 19:25:33 · 85 阅读 · 0 评论