您的位置:首页 > 产品设计 > UI/UE

vue.js 学习

2017-11-25 09:24 169 查看
Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。
http://caniuse.com/#feat=es5
兼容的浏览器
{{ message }} 数据获取
v-bind:title 熟悉绑定
v-if="seen" 条件结构 在 <template> 中配合 v-if 条件渲染一整组,v-else 指令来表示 v-if 的“else
块”
v-for="todo in todos" 循环结构
v-on:click="reverseMessage" 事件绑定
<input v-model="message"> 实现表单输入和应用状态之间的双向绑定
vue 组件 :
Vue.component('todo-item',
{
template:
'<li>这是个待办项</li>'
})
使用v-bind 绑定事件时的解析

vue 实例创建
var vm =
new Vue({
// 选项
})
Vue 实例暴露了一些有用的实例属性与方法。它们都有前缀 $,以便与用户定义的属性区分开来
// $watch 是一个实例方法
vm.$watch('a',
function (newValue, oldValue) {
// 这个回调将在
`vm.a` 改变后调用
})
生命周期钩子
created
mountedupdateddestroyed
<span v-once>这个将不会改变: {{ msg }}</span> 一次性插值
<div v-html="rawHtml"></div> 输出原本html
Vue.js 都提供了完全的 JavaScript 表达式支持,每个绑定都只能包含单个表达式
计算熟悉: 绑定依赖

v-show 不支持 <template> 语法,也不支持 v-else
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  vue js