Vue学习经验

小白入门Vue学习经验

个人学习记录，也适合刚接触vue的朋友一起探讨~

接受批评更正拜师总而言之啥都接受~

首先进入Vue的介绍

Vue官方是这样子描述自己可以做什么的~
https://cn.vuejs.org/
点进去就可以看到了嘻嘻嘻

然后进入Vue的作者

大神尤雨溪 / 昵称：尤小右 英文名：Evan You

进入正题！！！！！

Vue的使用方式分为1两种

1：直接下载使用

2：使用命令安装：$ npm install -g vue-cli

由于是初学者，暂时不建议使用方法2，所以我先分享分享方法1的学习之路

1.1现在我们引入Vue之后写个hello，再进一步分析

https://cn.vuejs.org/v2/guide/#%E5%A3%B0%E6%98%8E%E5%BC%8F%E6%B8%B2%E6%9F%93
点进去就可以看到了嘻嘻嘻
这个时候需要说明{{}}-模板语法（mustache），这是支持在html中写js的模板语法，也叫做双括号语法

​ [外链图片转存失败(img-5axkFivy-1568884767576)(C:\Users\Milu_dee_\AppData\Roaming\Typora\typora-user-images\1568884452581.png)]

​

​ 双括号里面的show，应当是this.show，当前的this指的是Vm。this可以省略。

​ 1.2:Vue里面的参数el，是一个实例的作用范围，将#app这个当作了el的作用范围，通俗来说就是可以操作里面的所有元素

​ 2.提到指令就来吧

https://cn.vuejs.org/v2/api/
点进去在左边找指令就可以看到辣嘻嘻嘻
​ v-html: 非转义输出： 将xml类型数据解析

​ v-text 和 {{}} 结果是一样的，但是{{}} 有个短暂的{{}} 显示

​ v-if的单路分支效果和 v-show 一样

​ v-if控制的元素的存在与否

​ v-show控制的事元素的display: none 属性

​ v-model

​ - 作用： 实现双向数据绑定

​ - 作用范围： 表单元素，因为它默认绑定了 value

​ - 经验： 看到表单元素，直接上v-model