资讯专栏INFORMATION COLUMN

vue 起步

hyuan / 786人阅读

摘要:的二大核心响应式数据变化当视图发生改变,数据自动更新。组合的视图组件页面映射为组件树划分组件可复用利于维护。正在不断的学习中希望各位指点错误,一起讨论,一起进步,后续更新中

Vue是一套用于构建用户界面的渐进式框架,Vue的核心库只关注视图层,不仅容易上手,还便于与第三方库既有项目整合,相互独立而又可以任意整合。

渐进式框架的理解

在声明式渲染(视图模板引擎)基础上,我们可以添加组件系统、客户端路由、大规模管理、构建工具来构建一个完整的框架系统,更重要的是这些功能可以相互独立,而且在核心功能的基础之上根据项目的需求任意整合。

Vue的二大核心

响应式数据变化 :当视图发生改变,数据自动更新。 数据发生改变,视图同样也会更新。
组合的视图组件 :ui 页面映射为组件树 划分组件 可复用、利于维护。

Vue指令

DOM元素的行间指令,vue提供了内置的指令 必须以 v- 开头 后面的值均为变量,指令的职责是,当表达式的值改变时,将其产生的连带影响,响应的作用于DOM

现在你看到我了

这里 v-if指令将根据表达式 seen的值的真假来插入/移除

元素

常用的指令 在这里简单的列出几个 可以查看vue官网的指令

v-model (表单元素) 忽略掉value,checked selected,将数据绑定在视图上,视图修改后影响数据的变化。
v-text 和{{}}表达式一样 解决了闪烁问题 但是通常还是用{{}}
v-html 内容按普通html插入 不会作为vue模板进行编译 在网站上动态渲染任意html是非常危险的
v-for 遍历元素 循环(数组,对象,字符串,数字)循环谁在谁身上添加 in 前面要有空格
v-cloak 防止闪烁 需要配合样式 (一般不用)
v-once 绑定一次 数据在变化不会导致视图刷新 一般用在不想刷新的标签上。
v-on(@) 绑定给dom元素的事件 @事件=函数 函数定义在methods中 不能和data里的内容重名
v-if 操作的是DOM 一般控制元素的显示或者隐藏
v-show 操作的是样式
v-bind 绑定元素属性 一般简写为 :
还有一些修饰符 .number .lazy 和 键盘修饰符 .enter .ctrl .keyCode 常用的也就这些。

computed和watch

computed : 计算“属性” 并不是方法

方法不会有缓存 ,computed会根据依赖(归vue管理的数据,可以响应式的变化)的属性进行缓存。

二部分组成有get和set(不能只写set) 必须有get 一般情况下 通过js赋值影响其他人或者表单元素设置值的时候会调用set方法。

computed和watch 的区别

watch 只有值变化的时候才会触发 支持异步 computed 不支持异步

其实computed和watch的根本区别就在于能不能支持异步,那么什么时候用computed什么时候有watch 有异步请求的事件用watch,一般还是用computed的情况多一些。

正在不断的学习中 希望各位指点错误,一起讨论,一起进步,后续更新中...


文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/107646.html

相关文章

  • vue配合iview/element等ui实现界面效果起步

    摘要:与都是与配合使用的框架,用法与配置基本一致,在此,我以为例,教你如何起步。如果我的文字对你有用,记得点心关注我,给一点点动力支撑。 iview与element都是与vue配合使用的ui框架,用法与配置基本一致,在此,我以iview为例,教你如何起步。*首先,你需要有一定的vue基础,如果你还是个小白,可以去我之前介绍如何搭建一个vue项目先看看,点击下面的链接就OK了http://ww...

    Object 评论0 收藏0
  • vue配合iview/element等ui实现界面效果起步

    摘要:与都是与配合使用的框架,用法与配置基本一致,在此,我以为例,教你如何起步。如果我的文字对你有用,记得点心关注我,给一点点动力支撑。 iview与element都是与vue配合使用的ui框架,用法与配置基本一致,在此,我以iview为例,教你如何起步。*首先,你需要有一定的vue基础,如果你还是个小白,可以去我之前介绍如何搭建一个vue项目先看看,点击下面的链接就OK了http://ww...

    tommego 评论0 收藏0
  • vue.js的起步

    摘要:可用于快速搭建单页应用起步代码。之后阅读代码,所有的扩展名为文件都会有相应的高光显示。查看起步代码中有一个组件代码,在内。把组件的值改改。浏览器会自动刷新的。有了它,可以在内看到更加友好的错误提示。和运行看到的一模一样。 介绍 vue.js 是一个客户端js库,可以用来开发单页应用。为了一个项目的选型,我前前后后的看了angular、react、vuejs ,对前两者是佩服,对后者是爱...

    sihai 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<