vue.js 学习笔记

安装vue.js的命令行工具

cnpm  install  -g  vue-cli

查看vue命令行工具的帮助

vue list

使用webpack模板创建项目sell

vue init webpack sell

安装依赖

cd sell
npm install
npm run dev

事件绑定

v-on:click/mouseover......
@click/mouseover......      //简写
@click="show($event)"  //事件对象

属性绑定

v-bind:src="url"
:src="url"      //简写

class绑定

<div v-bind:class="{ active: isActive }"></div>     //对象方式
<div v-bind:class="[activeClass, errorClass]"></div>        //数组方式

模板绑定

{{msg}}     //数据更新模板变化
{{*msg}}    //数据只绑定一次
{{{msg}}}   //HTML转意输出

使用过滤器

{{msg | filterA | filterB}}