脚本宝典收集整理的这篇文章主要介绍了vue 起步，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

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

渐进式框架的理解：

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

Vue的二大核心

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

Vue指令

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

<p v-if='seen'>现在你看到我了</p>

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

常用的指令 在这里简单的列出几个 可以查看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的情况多一些。

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

脚本宝典总结

以上是脚本宝典为你收集整理的vue 起步全部内容，希望文章能够帮你解决vue 起步所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。