Vue

脚本

安装vue支持

npm install vue

创建项目

vue create my-project
# OR
vue ui

路径

  • public
    存放一些公共的资源,比如图片,在引用的时候以/开始,例:
    在public下的logo.png:/logo.png

  • src
    存放静态资源,一般js、css文件放在这里,在引用的时候以./开始,例:
    在src下的index.css:./index.css

指令

  • v-once
    通过使用 v-once 指令,你也能执行一次性地插值,当数据改变时,插值处的内容不会更新。但请留心这会影响到该节点上的其它数据绑定
{{msg}}
  • v-html
    双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令

Using mustaches: {{ rawHtml }}

Using v-html directive:

  • v-bind
    绑定html标签属性
center
var data = { style: 'text-align:center' }

方法

  • _.debounce
    _.debounce 是一个通过 Lodash 限制操作频率的函数。

  • v-model

你可以用 v-model 指令在表单