Vue创建项目----秋咪秋咪

Vue创建项目

网址：https://www.jianshu.com/p/75258845c492

1、前一个步骤完成之后，再进行后续步骤

2、cnpm install安装依赖node_modules，如果启动失败，删掉此目录，再重新执行cnpm install

3、不同版本的脚手架，创建出的项目结构目录不同

Vue创建项目需要安装的插件：

Axios：

cnpm install axios --save

路由：

cnpm install vue-router --save

Vuex：

cnpm install --save vuex

省市区三级下拉级联插件：

cnpm install v-distpicker --save

轮播图：

cnpm install swiper vue-awesome-swiper --save  

日期选择插件：

cnpm install vue-date --save

 

ctrl+s重新编译

常用内置指令

v-text : 更新元素的 textContent

v-html : 更新元素的 innerHTML，可以包含并解析HTML代码段

v-show  :  通过控制 display 样式来控制显示/隐藏

v-if/v-else  :  通过控制标签有无来控制显示/隐藏

v-if  :  如果为true,当前标签才会输出到页面

v-else  :  如果为false,当前标签才会输出到页面

v-bind : 强制绑定解析表达式, 可以省略 v-bind简写为 ：

v-on : 绑定事件监听, 一般简写为@

v-for : 遍历数组/对象 v-model能实现表单元素和Model中数据的双向绑定（注意：v-model只能运用在表单元素中 常用input标签）     

ref : 指定唯一标识, vue 对象通过$refs 属性访问这个元素对象

v-cloak : 防止闪现, 与 css 配合: [v-cloak] { display: none }