• 学习笔记:Vue


    https://cn.vuejs.org/v2/api/  官网API

    https://cn.vuejs.org/v2/guide/  官网教程

    http://www.runoob.com/vue2/vue-tutorial.html  教程

    http://www.cnblogs.com/xulei1992/p/6031138.html  vue.js慢速入门

    http://www.cnblogs.com/keepfool/p/5625583.html  Vue.js——60分钟组件快速入门

    http://chuansong.me/n/1791724633620  Vue 2.0 学习总结  2017-10-22

    https://www.cnblogs.com/qcloud1001/p/9700625.html  比官方文档更易懂的Vue.js教程  2019-6-26

    https://blog.fundebug.com/2017/09/20/why-we-moved-from-angular2-to-vue/  我从Angular 2转向Vue.js, 也没有选择React 

    用vue而不是用react的理由:不喜欢使用内联模板(inline template), 而React将JSX/HTML和JS混合到一起

    CDN:  https://unpkg.com/vue/dist/vue.js

    # 查看版本
    $ npm -v
    
    #升级 npm
    cnpm install npm -g
    
    # 最新稳定版
    $ cnpm install vue
    
    # 全局安装 vue-cli
    $ cnpm install --global vue-cli
    
    # 创建一个基于 webpack 模板的新项目
    $ vue init webpack my-project
    
    #进入项目,安装并运行:
    $ cd my-project
    $ cnpm install
    $ cnpm run dev
    #成功执行以上命令后访问 http://localhost:8080/

     一、指令

    v-model  文本框输入后,模型也会变,双向

    v-text  文本渲染 {}

    v-show  dom有,只是显隐

    v-if  dom不存在

    v-bind  

    v-for  

    v-on  事件绑定

    二、过滤器 filter

    对接口返回的数据,过滤和战士,比如金额格式化、货币等

    三、组件

    component

    页面头部、底部、轮播等

    var vm = new Vue({
        el:"#app",
        data:{},//数据
        filter:{},//过滤器
        mounted:function(){},//相当于jquery的ready
        methods:{}
    });

    Vue.js 路由

    Vue.js 路由需要载入 vue-router 库:  https://github.com/vuejs/vue-router

    中文文档地址:  https://router.vuejs.org/zh-cn/

    直接下载 / CDN  https://unpkg.com/vue-router/dist/vue-router.js

    cnpm install vue-router

    Vue的一些相关的库:  2017-10-15

    http://www.bootcdn.cn/all/  从这里面去找
    axios         Promise based HTTP client for the browser and node.js
    element-ui           A Component Library for Vue.js.          http://element.eleme.io/#/zh-CN/component/table
    vuex          state management for Vue.js
    iview          A high quality UI components Library with Vue.js
    mint-ui        Mobile UI elements for vue.js
    vue-router       A router for Vue.js
    vue-resource        A web request service for Vue.js
    vuetify        Vue.js 2 Semantic Component Framework
    vue-material        Material Design for Vue.js
    vue-strap        Bootstrap components built with Vue.js
    vonic         Mobile UI Components, based on Vue.js and ionic CSS.
    vue-validator     Validator component for Vue.js
    vue-lazyload     Vue module for lazy-loading images in your vue.js applications.
    vue-i18n          Internationalization plugin for Vue.js
    vue-chartjs      vue.js wrapper for chart.js
    vuefire        Firebase bindings for Vue.js
    vue-form       Form validation for Vue.js

    ..

  • 相关阅读:
    【Android平台安全方案】の #00-请不要在外部存储(SD卡)加密存储的敏感信息
    本学习笔记TCP/IP传输协议
    iOS_23_undress Girl
    uva 1560
    IOS开发-Swift新语言初见
    39个让你受益的HTML5教程
    ubuntu12.04管理员账户登录不了桌面,仅仅能客人会话登录
    怎样使用SetTimer MFC 够具体
    ArcGIS API for Silverlight 编辑Geometry
    几种更新(Update语句)查询的方法
  • 原文地址:https://www.cnblogs.com/qq21270/p/7528228.html
Copyright © 2020-2023  润新知