vue使用收录

环境的搭建

1、首先需要下载一个命令行工具,Git。

2、下载 node。

3、使用命令行
然后新建个文件夹放你的项目,进入文件夹,右键打开命令行工具。

4、使用淘宝镜像资源 cnpm
输入下面这个东西,安装淘宝镜像。

npm install -g cnpm --registry=https://registry.npm.taobao.org

如果安装失败请尝试清一下缓存再安装!

npm cache clean

5、安装 webpack vue-cli

cnpm install -g vue-cli

cnpm install -g webpack

6、生成项目
只要输入这三个东西之后一直 n 回车就好了,至于下面那堆是什么暂时就不管了。(⊙v⊙)
第一遍如果等待时间太长 直接 ctrl + c 跳出就好了。
到这里项目已经生成完毕了,你可以在目录下面看到你生成的项目了。

7、启动项目

然后按照提示安装一下以来,我们就可以看到页面了。

cd menu

cnpm install && cnpm run dev

Vue采用的MVVM设计模式

也就是说model和view绑定
model改变,view的内容改变,反之亦然

Vue主要有以下几个关键字

  1. v-model 绑定模型

  2. v-if 判断是否显示该dom

  3. v-show 判断是否将该dom的display设为none

  4. v-else if或者show为false时显示该dom

  5. v-for 迭代

  6. v-bind 绑定属性

  7. v-on 绑定方法





分享到:


相關文章: