VueJs

VueJs_第1张图片
网络选图

介绍

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

基础知识

数据绑定

v-bind&v-model&:value

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: '

{{todo.name}}

' });

步骤三:注册组件

components: {
   "test": myComponent
}

步骤四:使用组件

路由思想

你可能感兴趣的:(VueJs)