一.建立搭建Vue 项目

1.在项目路径下输入命令行   npm install -g live-server

安装npm及服务

2.输入 live-server 启动服务器

 

3. 在项目路径下输入 npm init

4.按步骤输入实例项目内容（创建npm）

     1）package name: vue

     2)  description: Vue demo

     3)  author:  Zidee

     4）确认黄色部分无误

     5）Yes,成功创建并生成   package.json  文件

书写格式demo

 

5. 输入 live-server   启动服务器

6.v-if

7.v-show

8.v-if and v-show区别

     1.v-if：判断是否加载，可以减轻服务器的压力，在需要时加载。

     2.v-show：调整css display属性，可以使客户端操作更加流畅。

9.v-for

10.computed中调用方法。并且赋给新的sortItems，不能改变data数据，需要重新命名

11.给对象赋值方式

12.v-text

  v-text="message"，取代双括号，优点在于用户体验，当网速不好时，不会先加载出{{message}}标签后加载。

13.v-html(不建议使用)

14.v-on

键盘码

http://blog.****.net/zhaozhbcn/article/details/38852583

 

15.v-model

1）简单的双向绑定

2）v-model.lazy     失去焦点触发双向绑定

3）v-model.number     必须为数字

4）v-model.trim     去空格

5）多选框绑定数组

6）单选框绑定   需要在data中定义sex属性

 

16.v-bind      可简写为“：”

     1）

     2）双向数据绑定+bind绑定class属性

     3）:class，：style

 

17.v-cloak，渲染完成后，才显示

18.v-pre，原样输出，不进行渲染

19.v-once，只进行一次渲染