环境的搭建
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主要有以下几个关键字
v-model 绑定模型
v-if 判断是否显示该dom
v-show 判断是否将该dom的display设为none
v-else if或者show为false时显示该dom
v-for 迭代
v-bind 绑定属性
v-on 绑定方法
閱讀更多 蒲公英的憂傷 的文章