python创建新的项目环境选择_Vue环境的搭建以及项目创建

【摘要】Vue (读音 /vjuː/，类似于view) 是一套用于构建用户界面的渐进式框架。

作者：李波

Vue项目创建项目步骤：

一、安装node环境

1、下载地址为：https://nodejs.org/en/

2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功

3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/

　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。

　　检查是否安装成功：

二、搭建vue项目环境

　　1、全局安装vue-cli

npm install --global vue-cli

　　2、进入你的项目目录，创建一个基于 webpack 模板的新项目: vue init webpack 项目名

　3、进入项目：cd vue-demo，安装依赖

　4、安装成功后，项目文件夹中会多出一个目录：　node_modules

　　4、npm run dev，启动项目

　　项目启动成功：

复制连接浏览器打开即可。

Vue常用的指令：

1、v-if：根据表达式的值的真假条件渲染元素。在切换时元素及它的数据绑定 / 组件被销毁并重建。

2、v-show：根据表达式之真假值，切换元素的 display CSS 属性。

3、v-for：循环指令，基于一个数组或者对象渲染一个列表，vue 2.0以上必须需配合 key值 使用。

4、v-bind：简写：： 动态地绑定一个或多个特性，或一个组件 prop 到表达式。

5、v-on：简写：@ 用于监听指定元素的DOM事件，比如点击事件。绑定事件监听器。

6、v-model：实现表单输入和应用状态之间的双向绑定

7、v-pre：跳过这个元素和它的子元素的编译过程。可以用来显示原始 Mustache 标签。跳过大量没有指令的节点会加快编译。

8、v-once：只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。

9、v-html :在页面输出html代码。

10、v-text ：给一个便签加了v-text 会覆盖标签内部原先的内容

vue的路由跳转方法：

1. vue内置的router-link组件
2. this.$router.push("跳转的路径")
3. this.$router.go("-1") 返回上一级
4. this.$router.back() 返回上一级

资源，材料准备中。待更新......