脚本宝典收集整理的这篇文章主要介绍了Vue学习记录（一），脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

Vue学习记录（一）

1.兼容性：

Vue有兼容性，它不支持ie8及以下版本，因为Vue使用了IE8无法模拟的ECMAScript5特性。但Vue支持所有兼容ECMAScript5特性的浏览器。

2.NPM安装：

(1) NPM能很好地与诸如webpack或browserify等模块打包器配合使用，指令为：npm install vue。
(2) 使用官方提供命令行工具CLI，它可用于快速搭建大型单页应用，指令为：npm install --global vue-cli。
(3) 创建一个基于 webpack 模板的新项目，指令为：vue inIT webpack 项目名称。
(4) 安装项目所需依赖，指令为：npm install 需要安装的依赖。
(5) 打开项目所在的文件夹，然后输入指令，指令为：cd 项目名称。
(6) 运行项目，指令为：npm run dev。

3.介绍：

(1) Vue是一套用于构建用户界面的渐进式框架，属于自底向上的逐层应用，它的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。
(2) Vue的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进DOM的系统。
(3) 指令：Vue的指令带有前缀v-，以表示它们是Vue提供的特殊特性，比如：v-bind(响应式行为绑定)、v-if(判断)、v-for(绑定数组来渲染数据)、v-on(事件监听器)、v-model(表单输入和应用状态之间双向绑定)。
(4) 组件化应用构建：Vue中一个组件的本质上是一个拥有预定义选项的一个vue实例。

4.模板语法：
(1) 文本：数据绑定文本插值使用的是“Mustache”语法(双大括号)，即{{}}。
(2) 原始HTML：在标签内使用v-htML指令。注意，站点上动态渲染的HTML可能会非常危险，因为它很容易导致XSS攻击，所以只可以对可信内容使用HTML插值，绝不要对用户提供的内容使用插值。
(3) 特性：定义HTML特性需使用v-bind指令。
(4) 使用JavaScript表达式：每个绑定都只能包含单个表达式，不是语句也不是方法。
(5) 指令：带有v-前缀的特殊属性。指令属性的值预期是单个JavaScript表达式，其职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。一些指令能够接收一个“参数”，在指令名称之后以冒号表示，比如：<a v-bind:href="地址链接"></a>、<a v-on:click="事件名"></a>。
(6) 缩写：v-bind缩写为:，如：<a v-bind:href="地址链接"></a>可以写为<a :href="地址链接"></a>。
v-on缩写为@，如：<a v-on:click="事件名"></a>可以写为<a @click="事件名"></a>。

脚本宝典总结

以上是脚本宝典为你收集整理的Vue学习记录（一）全部内容，希望文章能够帮你解决Vue学习记录（一）所遇到的问题。

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

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