zoukankan      html  css  js  c++  java
  • vue难点解析

      vue入门简单,简单在哪里呢?

      简单在于它就像一个Jquery库一样,在html页面代码中加入源文件,然后在<srcript>中创建Vue对象,然后关联相应的节点,然后就可以实现数据的双向绑定了。这肯定是Vue对象对于关联节点进行了渲染。

        但是我看着那些代码怎么非常难以理解,那是JavaScript代码吗?

     比如路由模块(摘自vueRouter官网):

    // 0. 如果使用模块化机制编程,导入Vue和VueRouter,要调用 Vue.use(VueRouter)
    
    // 1. 定义 (路由) 组件。
    // 可以从其他文件 import 进来
    const Foo = { template: '<div>foo</div>' }
    const Bar = { template: '<div>bar</div>' }
    
    // 2. 定义路由
    // 每个路由应该映射一个组件。 其中"component" 可以是
    // 通过 Vue.extend() 创建的组件构造器,
    // 或者,只是一个组件配置对象。
    // 我们晚点再讨论嵌套路由。
    const routes = [
      { path: '/foo', component: Foo },
      { path: '/bar', component: Bar }
    ]
    
    // 3. 创建 router 实例,然后传 `routes` 配置
    // 你还可以传别的配置参数, 不过先这么简单着吧。
    const router = new VueRouter({
      routes // (缩写) 相当于 routes: routes
    })
    
    // 4. 创建和挂载根实例。
    // 记得要通过 router 配置参数注入路由,
    // 从而让整个应用都有路由功能
    const app = new Vue({
      router 
    }).$mount('#app')
    
    // 现在,应用已经启动了!
    注意router名字不能变,不是什么routers,Router,否则路由会报错

      

      

  • 相关阅读:
    Elasticsearch Network Settings
    Spring Application Event Example
    hibernate persist update 方法没有正常工作(不保存数据,不更新数据)
    快速自检电脑是否被黑客入侵过(Linux版)
    快速自检电脑是否被黑客入侵过(Windows版)
    WEB中的敏感文件泄漏
    Nginx日志分析
    关系型数据库设计小结
    软件开发的一些"心法"
    关于DNS,你应该知道这些
  • 原文地址:https://www.cnblogs.com/Robin008/p/13680977.html
Copyright © 2011-2022 走看看