VueJs

介绍

官方文档
Vue.js开源项目速查表
网友资料

基础知识

数据绑定

v-bind：绑定属性和数据。可以理解为是单向数据绑定。
v-model：用在表单控件上，如果你用在除了表单控件以外的标签是没有任何效果的。
:value：通常用于日期的绑定。

组件思想

步骤一：创建一个 Vue 的实例

var s = new Vue({
el: '#app',
data: {
arrays: [{
id: 0,
name: "guo"
},
{
id: 1,
name: "sun"
}]
},
components: {
"test": myComponent
}})

步骤二：创建一个组件的实例

var myComponent = Vue.extend({
props: ['todo'],
template: '<h3>{{todo.name}}</h3>'
});

步骤三：注册组件

components: {
"test": myComponent
}

步骤四：使用组件

<h1 is="test" v-for="array in arrays" v-bind:todo="array">
</h1>

路由思想

• 点赞
• 收藏
• 分享
• 文章举报